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ı: 1664
Etiketler: toplist

Kategoriler
İstatistikler
E-Bülten
parça kontör parçakontör toptan kontör toptankontör toptan kontör siteni ekle firme ekle kontör parça kontör sitesi toptan kontör sitesi kontör yükle kontör yükle tl yükle tlyükle fatura tahsilat merkezi fatura tahsilatı fatura ödeme merkezi föm fatura ödeme sistemi fatura tahsilat sistemi fatura ödeme noktası fatura tahsilat noktası online fatura tahsilatı fatura tahsilat sitesi kredi kartı ile tl yükle sıra bulucu gazete oku web tasarım lira yükle malatyaspor yenimalatyaspor online tl yükle callshop slip yazıcı kredi kartı ile fatura ödeme fatura ödeme kuruluşu