Siteyi Mobil Uyumlu Hale Getirme

Ya kolay yol olan Bootstrap veya türevlerini kullanıp siteyi onla inşa edeceksin ya da CSS'teki @media sorgularıyla kendin yapacaksın.

CSS:
@media screen and (max-width: 1080px){
/*  Ekran genişliği 1080 piksele düştüğünde yapılacaklar yazılır. */
/* Örn: Menüyü gizle, menü açma kapama butonunu göster gibi..*/
}
 
Siteyi php ya da c# ile falan mı yazacaksın yoksa wordpress ile hazır mı? Wp ile yapacaksan zaten template de kullanacaksın demektir. Onlar zaten reponsive olur yani farklı platformlara uyumlu.
 
Çok kasmana gerek dostum <head>tagları arasına şu kodu ekleyeceksin sonra keyfine bakacaksın.media özelliğinini de ekleyeceksin tabiki.

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

Tek başına media kuralı yeterli olmuyor denedim ve gördüm.
 
Wordpress düşünüyorsan amp kullanabilirsin. Tasarımı kendin yapıp wordpresse giydireceksen bootstrap kullanarak yaparsan siten responsive olur. Hazır tema ya da tema satın alacaksan responsive olması yeterli.
 
Uyarı! Bu konu 5 yıl önce açıldı.
Muhtemelen daha fazla tartışma gerekli değildir ki bu durumda yeni bir konu başlatmayı öneririz. Eğer yine de cevabınızın gerekli olduğunu düşünüyorsanız buna rağmen cevap verebilirsiniz.

Geri
Yukarı