Arnavutköy Web Tasarım

Bu, bir tarayıcı veya başka bir görüntüleme alanı daha küçük bir şeye küçültülse bile, medya sorgusunun yine de gerçek cihazın boyutu için geçerli olacağı anlamına gelir. Min-device-width ve max-device-width medya sorgusu özellikleri, cihazın boyutunu taklit eden bir tarayıcıda aynı stilleri diğer ekran boyutlarına uygulamadan, belirli boyutları olan belirli cihazları hedeflemek için harikadır. @media ekranı ve (maks. cihaz genişliği: 480 piksel) { .classForiPhoneDisplay { yazı tipi boyutu: 1.2em; } } Kopyala @media ekranı ve (min-cihaz-genişlik: 768px) { .minimumiPadWidth { ikisini de temizle; margin-bottom: 2px katı #ccc; } } Kopyala Özellikle iPad için, yönlendirme adı verilen bir medya sorgusu özelliği de vardır. Değer, yatay (yatay yönlendirme) veya portre (dikey yönlendirme) olabilir. @media ekranı ve (yönlendirme: yatay) { .iPadLandscape { genişlik:% 30; Sağa çık; } } Kopyala @media ekranı ve (yön: dikey) { .iPadPortrait { ikisini de temizle; } } Kopyala Ne yazık ki, bu özellik yalnızca iPad’de çalışır.

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir