2016-04-14 3 views
0

Önyükleme ve masaüstü/tablet ve mobil cihazlar için farklı menüler üzerinde çalışıyorum. Masaüstü/tablet için düzenli olarak sabit bir navbarım var ve birkaç sekme birden fazla sütunu içeren açılır menüleri, bunu mobil cihazlar için kullanması mantıksız yapıyor, bu yüzden bunun için bir slayt itme menüsü yapıyorum. Beni bu kadar verimli yapmanın genel yönünü işaret edebilir mi? Menülerin nasıl uygulanacağını biliyorum, sadece kendi cihazları için gösterilenleri kolaylaştırıyor. Medya sorguları ve ekranını kullanmam gerekir mi: hiçbiri ilgili menüler için veya muhtemelen bir JS if deyimi? İkincisi mobil versiyonların siteyi diğer menünün kapsamlı olması nedeniyle mümkün olmadığı bir noktaya yüklemesine neden olur mu?Mobil/masaüstü için farklı menüler

SE'yi aradım ve bir cevap buldum ama sadece WP içindi, bu yüzden gerçekten yardımcı olmadı, ancak bir if ifadesi kullanıldı. Yardım ettiğin için teşekkür ederim!

+0

medya sorguları ve ekran hiçbiri makul bir yaklaşımdır – aw04

+0

Tamam, yardım herkes için teşekkürler, sadece bunu temizlemek zorunda kaldı! –

cevap

2

Eğer Bootstrap kullanıyorsanız, ekranın genişliğine bağlı olarak bir parçanın gizlendiğini söylemek için kullanabileceğiniz bir sınıf vardır.

Bu sınıflar hidden-xs, hidden-sm vb.

önyükleme belgelerinde bu bakınız: http://getbootstrap.com/css/#responsive-utilities

2

işi yapmak ve alışkanlık mobil versiyonu herhangi bir probleme neden olacaktır medya sorgu ile display : none kullanma.