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

Kategoriler
İstatistikler
E-Bülten
parça kontör toptan kontör toptan kontör siteni ekle firme ekle haber oku toptan kontör kontör parça kontör sitesi toptan kontör sitesi kontör yükle kontör yükle tl yükle fatura tahsilat merkezi fatura tahsilatı fatura tahsilatı fatura ödeme merkezi 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 video izle gazete oku web tasarım lira yükle malatyaspor yenimalatyaspor online tl yükle online kontör yükle emağaza e mağaza indirimli enerji e-mağaza fatura ödeme kuruluşu slip yazıcı kredi kartı ile fatura ödeme kredi kartı ile fatura ödeme sünnet gölü