SADECE mobil cihazlarda duyarlı css stilleri

kategorisi Css
Duyarlı CSS stillerimin yalnızca tabletlerde ve akıllı telefonlarda çalışmasını sağlamaya çalışıyorum . Temel olarak masaüstü için bir stil, mobil için bir stil var: portre ve mobil için bir stil: manzara. Mobil stillerin masaüstü sunumlarına müdahale etmesini istemiyorum. Sayısız medya sorgusuyla oynadım, ancak sonuç ya mobil stiller masaüstünde gösteriliyor ya da mobil stiller yalnızca mobil cihazlarda, ancak yalnızca bir kural kümesiyle (yanıt vermiyor) görüntüleniyor. İkisini tamamen ayrı tutabilmemin bir yolu var mı?

Şu an sahip olduğum kodum şöyle:



/* regular desktop styles */

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

/* mobile only styles when the device is 0-600px in maximum width */

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

/* mobile only styles when the device is up to 1000px in maximum width */

Yorumlar

Yorum yapmak içinOturum Açın yada Kayıt Olun .