cuốn sách gpt4 ai đã làm

jquery - phương tiện css - chiều rộng màn hình không nhất quán

In lại Tác giả: Vũ trụ không gian Thời gian cập nhật: 2023-11-04 13:38:44 30 4
mua khóa gpt4 Nike

CSS

 html{
tràn-y: cuộn;
}

js

hàm showW(){
var a=($(window).width());
$('#show').html(a);
}

Kết quả trong Chrome là 1009. Kết quả trong Firefox là 1007. Tại sao? Sự thật là gì?

我尝试用 bên ngoàiWidth() 替换 chiều rộng() - Kết quả là như nhau.

Màn hình chỉ @media và (max-width:960px){...  

这在 945px (Chrome)943px - Firefox thực hiện tiếp.

Có lẽ, thanh cuộn là15px (945+15=960)

Cài đặt hiển thị của tôi (win xp) là - 1024x768.

Ai đó có thể giải thích sự mâu thuẫn này?

Mục tiêu cuối cùng của tôi là có tính năng này trong tất cả các trình duyệt hoặc ít nhất là trong Chrome và Firefox. 960pxThực thi phương tiện css trên (bao gồm cả thanh cuộn).

câu trả lời hay nhất

Sự không nhất quán là do các thanh cuộn.

Xem ví dụ này về việc sử dụng truy vấn phương tiện

http://jsfiddle.net/CU4Q6/

div {
nền: màu xanh lá cây;
chiều rộng: 300px
}

Màn hình chỉ @media và (max-width:300px){
div {
background: red;
}
}

Bạn có thể thấy hộp thay đổi màu sau khi thanh cuộn che nó. Vì vậy, truy vấn phương tiện sẽ xuất ra chiều rộng của cửa sổ bằng thanh cuộn khi chúng xuất hiện. Trên iPad, chiều rộng của truy vấn phương tiện là kích thước màn hình (bao gồm cả thanh cuộn). Điều này có ý nghĩa vì bạn không muốn chiều rộng thay đổi khi thanh cuộn xuất hiện, vì nếu điều đó xảy ra, có thể có các truy vấn phương tiện thay đổi độ rộng của trang web thành một cái gì đó rất gần với 2

Nếu bạn cần đồng bộ hóa độ rộng của truy vấn phương tiện với js. Sau đó, bạn có thể thêm quy tắc css cho các phần tử vô hình hoặc phần tử hiển thị (bất kỳ phần tử nào) và sau đó sử dụng js để kiểm tra thuộc tính css đó khi cửa sổ được thay đổi kích thước.

Điều quan trọng cần lưu ý là hiện nay mọi người sử dụng nhiều loại thiết bị khác nhau để xem trang web và việc nhắm mục tiêu theo chiều rộng chính xác không quá quan trọng.

Về jquery - css media - chiều rộng màn hình không nhất quán, chúng tôi đã tìm thấy một câu hỏi tương tự trên Stack Overflow: https://stackoverflow.com/questions/22845013/

30 4 0
Chứng chỉ ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com
Xem sitemap của VNExpress