Ana Sayfa Blog Ekran Boyutuna Göre CSS Kodu Yazma

Ekran Boyutuna Göre CSS Kodu Yazma

3
205

CSS Kodu Yazma CSSin en büyük avantajlarından biri ve en önemlisi başka bir koda(XHTML hariç) ihtiyaç duymaksızın sayfa iskeleti ve stilini oluştumamıza olanak sağlamasıdır.CSS 1996′dan beri kullanıla gelen bir standart olsa da popülaretesini Zen Gardenın sayfa planlaması için kullanmaya başlamasından sonra arttırmıştır.CSS Kodu Yazma Eskiden sayfayapısını tablolarla oluştururduk.Bu kullanımın bir çok sorunları vardı.Bunları aşmak için CSS ile sayfa planlama metodları kullanılmaya başlanmıştır.Biz burada bu konudan bahsedeceğiz.

CSS Kodu Yazma

Herkese merhaba yeni bir proje geliştiriyorsanız tavsiyemiz projenizi mobil uyumlu olarak tasarlamanızdır. Bunu yapması çok kolaydır. Aşağıda sizin ile paylaştığımız kod yardımı ile belirli ekran aralıklarına göre css kodumuzu ekliyoruz.

@media (min-width:320px)  { /* smartphones, iPhone, portrait 480x320 phones */ }
@media (min-width:481px)  { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ }
@media (min-width:641px)  { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ }
@media (min-width:961px)  { /* tablet, landscape iPad, lo-res laptops ands desktops */ }
@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ }
@media (min-width:1281px) { /* hi-res laptops and desktops */ }

 

3 YORUMLAR

CEVAP VER

Yorumunuzu Girin
Adınızı girin