Çözüldü Bir web siteyi responsive yapmak için tek kod yeterli mi?

Bu konu çözüldü olarak işaretlenmiştir. Çözülmediğini düşünüyorsanız konuyu rapor edebilirsiniz.

Arch or Not

Hectopat
Katılım
29 Mayıs 2020
Mesajlar
1.129
Makaleler
7
Çözümler
14
Yer
İzmir/Alsancak
Daha fazla  
Cinsiyet
Erkek
Meslek
Öğrenci, Beginner Web Programmer
Evet arkadaşlar bir HTML dosyasını mobile uyumlu yapmak için
Kod:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
kodu yeterli mi? Udemy üzerinden bu kursu aldım fakat HTML'in son dersinde bu kod ile responsive hale getirilebildiğini söyledi. Garip geldi açıkçası tek kodla responsive hale getirmek. Bu kod nedir ne işe yarar açıklar mısınız?
 
Son düzenleyen: Moderatör:
Çözüm
Eğer siteni responsive duyarlı kodladıysan eğer çalışacaktır, fakat responsive olarak kodlanmamış (media etiketi vs vs) bir siteyi sadece bu kod ile mobil uyumlu yapamazsın.
Viewport görünür alanı temsil eder, görünür alan ile ekran boyutu farklı şeylerdir. Bunu şu şekilde özetleyebilirim; desktop tarayıcıyı küçülttüğünüz zaman mobil tasarıma geçebilirsiniz, benzer şekilde mobil tarayıcıda masaüstü görünümüne geçebilirsiniz, bu görünüm alanı sayesinde gerçekleşir. Görünüm alanı ekran boyutundan bağımsızdır.

Sorunuzun cevabı ise tasarımınız responsive ise görünüm alanı mobil için şekillenecektir, fakat tasarımınız responsive degilse bir işlevi kalmayacaktır. Tam tersi senaryoda, responsive bir tasarımda viewport olmadan mobil görünüm elde edemezsiniz.

Aldığınız derste boostrap gibi kütüphanelerden yararlanıyorsa bu kütüphanelerde genelde componentler responsive olduğundan bu meta tagi ile direkt responsive özelliğini işlevsel hale getirdiği için anlatan kişi böyle telafuz etmiş olabilir. Fakat teknik anlamda yanlış bir söylem.
 
Bu siteyi kullanmak için çerezler gereklidir. Siteyi kullanmaya devam etmek için çerezleri kabul etmelisiniz. Daha Fazlasını Öğren.…