Bootstrap Mobile

İlk önce kodu yazalım sonra üzerine konuşalım.

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

Tagımız bu. Bu olayı daha önce resimli olarak bu sayfada paylaşmıştık. Daha önceki resimi burada da göstereceğim. Bu tagdaki olay telefon, tabletlerde ve web sitesinde boyutları ekran boyutuna göre ayarlama.



Resim 1(Pc):

Resim 2 (Tablet):

Resim 3 (Mobile):

Sizin yapmanız gereken bir şey yok. Bu tagı koyduğunuzda otomatik herşey gerçekleşiyor.

Eğer sayfayı ölçeklendirdikten sonra kullanıcının zoom yapmasını engellemek istiyorsanız "width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" yazıcaksınız. Yani tam anlamıyla kodumuz şu:

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">