Responsive Tasarım

Web sitelerinin mobil cihazlarla uyumluluğu anlamına gelen responsive tasarım internet sitelerinin tablet, telefon, bilgisayar gibi farklı platformlarda nasıl görünmesi gerektiğini ayarlayabilmemize olanak sağlayan bir tür css yöntemidir.

Nasıl Kullanılır?

/*---------------------------------------[980]--------------------------------------*/

@media screen and (max-width:980 px){

/*Bu bölüme yazdığımız css kodları sadece, ekran çözünürlüğü maximum 980px olan platformlarda çalışır.*/

}

/*---------------------------------------[460]-------------------------------------*/

@media screen and (max-width:300px){

/*Bu bölüme yazdığımız css kodları sadece, ekran çözünürlüğü maximum 460px olan platformlarda çalışır.*/

}

/*---------------------------------------[300]--------------------------------------*/

@media screen and (max-width:300px){

/*Bu bölüme yazdığımız css kodları sadece, ekran çözünürlüğü maximum 300 px olan platformlarda çalışır.*/

}

Anlaşılacağı gibi her platform için ayrı css tanımlamaları ile web tasarım yaparken hazırladığınız sitelerin tüm cihazlarda uyum içinde çalışmasını sağlayabilirsiniz.

Mobil uyumlu site hazırlamak için responsive tasarım kullanınız.


Tarih: 23.06.2014 | Okunma Sayısı: 2263
Etiketler: toplist

Kategoriler
İstatistikler
E-Bülten