CSS

Css’te responsive nedir ? Nasıl kullanılır ?

Responsive-tasarim

Responsive Nedir ?

Responsive, girilen cihazlara göre websitenizin kendini boyutlamasıdır.Günümüzde mobil,tablet gibi cihazlardan girişler artık eskiye nazaran çok daha fazladır.Buda websitelerimizde responsive olayını kullanmamıza mecbur kılmaktadır.

Google tarafından yapılan güncelleme ile artık mobilde yapılan arama sonuçlarında mobil arayüz desteği olan websiteleri daha öncelikli olacaktır.

Responsive Nasıl Kullanılır ?

Html sayfanızda <head></head> tagları arasına,

<meta name="viewport" content="width=device-width, initial-scale=1">

kodunu yerleştirmemiz yeterli olacaktır.Bu cümleden geçenwidth=device-width o an giriş yapılan ekran genişliğini initial-scale=1 sayfanın dikey uzunluğunu ifade etmektedir.

Google chrome öğeyi denetle bölümünden sol üstte bulunan mobil ikonu kullanarak sayfanın mobil halini kontrol edebilirsiniz.

Kolay gelsin.

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir