Haber bölümümün olduğu duyarlı bir web sitesi hazırlıyorum. Ziyaretçilerin ekran boyutuna bağlı olarak, bu bölüm 2, 3 veya 4 haber içeriğine sahiptir. Şimdilik, cms (modx) her zaman 4 haber öğesi sağlıyor ve eğer kullanıcı küçük bir viewport'a sahipse, ekstra haber öğelerini medya sorgularıyla saklıyorum.Ekran boyutuna bağlı olarak gereksiz içeriğin yüklenmesini engelleyin
Bu çok verimli görünmüyor (küçük ekranlı kişiler için ekstra bant genişliği kullanır). Yukarıdaki yaklaşımı kullanarak, "yeni yayınlar", "eski yayınlar" türünde gezinme ("eski yayınlar" ı tıklamak, her zaman 4 eski gönderiyi yükleyeceğinden, bazı kişilerin yalnızca 2 veya 3'e ihtiyaç duyabileceğinden) "yeni yayınlar", "eski yayınlar" ile ilgili sorunla karşılaşıyorum.
Bunu yapmanın daha iyi, güvenilir bir yolu var mı? Haber öğelerinin sunumunu daha duyarlı hale getirmek mümkün mü? Başka bir deyişle: Ekran boyutuna bağlı olarak gereksiz içeriğin indirilmesini nasıl önleyebilirim?
Duyarlı tasarımın ayrı sitelere karşı dezavantajlarından biri de css ile gizlenmiş olsa bile içeriğin indirilebilmesidir - bunun bir yolu, ekran boyutuna göre js ile bazı öğeleri dom içine enjekte etmektir. Siteniz js devre dışı bırakılmışsa sitenizi bozabilir – Pete
Sunucu tarafı bileşenlerini kullanarak bakabilirsiniz: http://www.lukew.com/ff/entry.asp?1392 –
Sunucu tarafı veya temassız çözmeniz gerekir. yükleniyor, lütfen tasarımcılarınızı da bu sayfaya yönlendirin: https://managewp.com/5-reasons-why-responsive-design- değil-o-not-it – span