Arasındaki fark nedir "ekran" ve "tek ekran" medya sorgular?

<link media="screen and (max-device-width: 480px)" rel="stylesheet" href="m.css" />
<link media="only screen and (max-device-width: 480px)" rel="stylesheet" href="m.css" />

Neden kullanmak gerekir 'Sadece'. screen kendisi sadece Ekran için işlenmiş olması için yeterli bilgi sağlamaz?

Çok duyarlı web sitesi gördüm. Bazı kullanın

@media screen and (max-width:632px)

Bazı

@media (max-width:632px)

ve bazı

@media only screen and (max-width:632px)

Hadi örneklerinizi tek tek yıkmak.

@media (max-width:632px)

Bu stilleri uygulamak istediğiniz 632px max-width ile bir pencere için söylüyor. Bu boyutta çoğu durumda bir şey bir masaüstü ekran daha küçük bahsediyor olurdun.

@media screen and (max-width:632px)

Bu bir screen ve 632px max-width ile bir pencere ile bir aygıt stili uygulamak için söylüyor. Bu other available media types aksine screen print en sık görülen diğer bir belirtme dışında yukarıda hemen hemen aynıdır.

@media only screen and (max-width:632px)

Burada düz W3C bir alıntı bunu açıklamak.

Anahtar sözcük ‘’ de eski kullanıcı ajanlardan stil sayfaları gizlemek için kullanılır. sadece Kullanıcı arayüzleri medya sorguları ile başlayan ‘tek’ eğer ‘tek’ kelime mevcut değildi. gibi işlem gerekir

Böyle bir medya türü olarak yok gibi"", stil sayfası eski tarayıcılar tarafından göz ardı edilmelidir. sadece

İşte o sayfadaki örnekte 9 gösterilen link to that quote.

Umarım bu ortam sorgularını biraz ışık tutuyor.

DÜZENLEME:

only anahtar kelime gerçekten nasıl işlendiğini @hybrids excellent answer check out emin olun.