HTML Responsive

Responsive web tasarımı, bir web sayfasının küçüklü büyüklü tüm cihazların ekranlarında doğru ve iyi görünmesini sağlamaktır.

Responsive web tasarımı ile hazırlanmış bir web sayfası, telefon ekranında da, bilgisayar ekranında da, tablet ekranında da, ekranı yan çevirdiğinizde de otomatik olarak o ekran boyutlarına uyum sağlar.

Responsive Web Tasarımı Nedir?

Responsive Web tasarımı, HTML ve CSS kullanarak web sayfanızı kısaltır, uzatır, genişletir, daraltır yani kullandığınız ekrana göre şekil değişikliği yapmasını sağlar.

Viewport Değerini Ayarlama

Responsive web sayfası oluşturmak için web sayfanıza bir <meta> etiketi eklemelisiniz. Aşağıda örnek bir kod bulabilirsiniz:

Bu komutla web sayfanızın viewport değeri ayarlanacaktır. Böylece kullandığınız web tarayıcısına sayfanızı nasıl boyutlandıracağı ile ilgili komutları vermiş olacaksınız.

Aşağıdaki örnek sayfada ise, viewport değeri ayarlanmadı. Bu örneği de deneyerek viewport olmadığında sayfanın nasıl görüntüleneceğini daha iyi görebilirsiniz.