59d3f1d2ab68cc01d5fe

(Turkish) OnePlus 5 Oreo güncellemesi ile Face Lock kilidini getiriyor

(Turkish) PHP Toplu Mail Gönderme

(Turkish) Apple iPhone X şu anda 14 yeni ülkede satışa sunuluyor

Ekran Boyutuna Göre CSS Kodu Yazma

  • JQuery Programming
  • Savaş Dersim Çelik
  • Friday September 30th, 2016
  • 2,516 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