350Media Web Site Tasarımı

Bigshot Web Site Tasarımı

Default Web Site Tasarımı

Duosmart Web Site Tasarımı

Ekran Boyutuna Göre CSS Kodu Yazma

  • JQuery Programlama
  • Savaş Dersim Çelik
  • Cuma Eylül 30th, 2016
  • 1.341 Görüntülenme
  • JavaScript Kodları

Merhaba arkadaşlar 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 */ }

 

 

Yorumlar

Henüz hiç yorum yapılmamış.

Benzer İçerikler