Gaziosmanpaşa Web Tasarım

İPhone ve diğer cihazların yönünü belirlerken, max-device-width ve min-device-width kullanımı hile yapmalıdır. Birleştirildiğinde anlamlı olan birçok medya sorgusu da vardır. Örneğin, belirli bir aralığa özgü bir stil ayarlamak için minimum genişlik ve maksimum genişlik ortam sorguları her zaman birleştirilir. @media ekranı ve (min-width: 800px) ve (max-width: 1200px) { .classForaMediumScreen { arka plan: # cc0000; genişlik:% 30; Sağa çık; } } Kopyala Bu ortam sorgusundaki yukarıdaki kod yalnızca 800 ile 1200 piksel arasındaki ekran ve tarayıcı genişlikleri için geçerlidir. Bu tekniğin iyi bir kullanımı, ne kadar yatay alan olduğuna bağlı olarak bir düzende belirli içeriği veya tüm kenar çubuklarını göstermektir. Bazı tasarımcılar, belirli medya sorguları için ayrı bir stil sayfasına bağlanmayı da tercih ederler; bu, organizasyonel faydalar kaybedilen verimlilikten daha ağır basarsa, bu tamamen iyidir.

Bir cevap yazın

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