Truy vấn phương tiện CSS3

Question

Sự khác nhau giữa hai hướng dẫn này là gì?

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

và

@media only screen and (max-device-width: 480px) {} 

Answer 1

Từ khóa ‘chỉ’ cũng có thể được sử dụng để ẩn style sheets từ đại lý người dùng cũ. Tác nhân người dùng phải xử lý truy vấn phương tiện bắt đầu bằng ‘chỉ’ như thể từ khóa ‘only’ không có mặt.

Từ http://www.w3.org/TR/css3-mediaqueries/

Trong kịch bản sử dụng thực tế, truy vấn only screen được sử dụng để nhắm mục tiêu các trình duyệt di động cụ thể hỗ trợ CSS hiện đại.

Từ http://www.alistapart.com/articles/return-of-the-mobile-stylesheet

Thậm chí rõ ràng hơn

Prefixing một truy vấn phương tiện truyền thông với "chỉ" từ khóa sẽ gây ra không trình duyệt CSS3 tuân thủ để bỏ qua các quy tắc.

Từ http://www.html5rocks.com/en/mobile/mobifying.html