2012-11-01 24 views
7

Tôi tự hỏi liệu chiều rộng tối đa của truy vấn phương tiện có liên quan đến kích thước cổng xem hoặc kích thước cửa sổ không?chiều rộng tối đa truy vấn phương tiện có liên quan đến kích thước cổng xem hoặc kích thước cửa sổ?

ví dụ, tôi có truy vấn phương tiện truyền thông này:

@media screen and (max-width: 360px){} 

sẽ truy vấn phương tiện truyền thông này được trong hành động khi kích thước xem cổng là 360px hoặc các cửa sổ kích thước 360px?

Trả lời

11

Đó là chế độ xem. Điều này được nêu trong spec:

Tính năng truyền thông 'chiều rộng' mô tả chiều rộng của vùng hiển thị được nhắm mục tiêu của thiết bị đầu ra. Đối với phương tiện liên tục, đây là chiều rộng của khung nhìn (như được mô tả bởi CSS2, phần 9.1.1 [CSS21]) bao gồm kích thước của thanh cuộn được hiển thị (nếu có).

Điều này cũng áp dụng cho các chế độ xem phụ trong chế độ xem trình duyệt chính, chẳng hạn như khung của bộ khung và khung nội tuyến. Vì vậy, nếu iframe có chiều rộng từ 360px trở xuống, truy vấn phương tiện của bạn cũng sẽ áp dụng trong iframe đó.

Các vấn đề liên quan