Các truy vấn và thành phần phương tiện CSS chiều rộng

Question

Chiều rộng được chỉ định trong truy vấn phương tiện đại diện cho kích thước màn hình lệch hay là chiều rộng bên trong của trình duyệt trong thiết bị di động.

Nếu tôi chỉ định chiều rộng phần tử giống như min-width được xác định trong truy vấn phương tiện, một thanh cuộn ngang có xuất hiện tại một số điểm không?

Ví dụ:

@media screen and (min-width: 460px) and (max-width: 800px){ 

    .wrapper{ 
     width: 460px; 
    } 
} 

Nếu đó là không đúng, những gì cần được chiều rộng tối đa của .wrapper để tránh các thanh cuộn?

Answer 1

Theo chiều rộng w3c trong các truy vấn phương tiện truyền thông là

Tính năng truyền thông ‘width’ mô tả chiều rộng của mục tiêu hiển thị diện tích các thiết bị đầu ra.

Đối với màn hình, nó sẽ có chiều rộng của cửa sổ trình duyệt.

Bạn có thể sử dụng tính năng device-width để làm cho đánh dấu phản hồi của bạn với màn hình thiết bị.

W3C đặc điểm kỹ thuật: http://www.w3.org/TR/css3-mediaqueries/#width