YoRuMSuZ
Biz işimize bakalım...
Ekranlar çeşitlendikçe site tasarımları da daha esnek olmak zorunda kalıyor. Ekran özellikleri kısıtlı iken genişliği ayarlamak için kullanılan width değeri yerini max-width, min-width yerine bıraktı. Peki nedir bu değerlerin bu şekilde kullanımının amacı ve yararı?
Tasarımdaki width değeri sabittir. Ekran çözünürlüği ne olursa olsun width değer sabit olduğu için küçük ekranda yatay kaydırma çubuğu ortaya çıkar. Bu hem sayfanın okunmasını zorlaştırır hem de görünümü bozar.
max-width değeri verilen sayfada ise azami genişliği belirtiriz. Çözünürlük büyüdüğünde max-width değeri en yüksek değerde kalır ancak çözünürlük düştüğünde sayfa otomatik olarak ekrana sığdırılır. Böylece okuma daha kolaylaşır.
Aynı şekilde sayfanın minimum genişliğini de min-width değeri ile belirtebilirsiniz. Ancak unutmamanız gereken şey min-width değerinin max-width değerine baskın olduğu. Örneğin bir sayfada max-width: 100px; ve min-width: 150px; ise min-width değeri uygulanır.
Tasarımdaki width değeri sabittir. Ekran çözünürlüği ne olursa olsun width değer sabit olduğu için küçük ekranda yatay kaydırma çubuğu ortaya çıkar. Bu hem sayfanın okunmasını zorlaştırır hem de görünümü bozar.
max-width değeri verilen sayfada ise azami genişliği belirtiriz. Çözünürlük büyüdüğünde max-width değeri en yüksek değerde kalır ancak çözünürlük düştüğünde sayfa otomatik olarak ekrana sığdırılır. Böylece okuma daha kolaylaşır.
Aynı şekilde sayfanın minimum genişliğini de min-width değeri ile belirtebilirsiniz. Ancak unutmamanız gereken şey min-width değerinin max-width değerine baskın olduğu. Örneğin bir sayfada max-width: 100px; ve min-width: 150px; ise min-width değeri uygulanır.
