Ich habe ein großes Problem mit Bootsrap und CSS Medienabfragen auf mobilen Geräten (Telefon und Tablets). Grundlegend Ich benutze das Standard-Boostrap-Grid mit einigen CSS-Medienabfragen, um einige Dinge anzupassen (wie zum Beispiel um das mobile Menü von Bootsrap zu verbergen/anzuzeigen).Mobile Geräte (Telefon/Tablet) und Bootstrap mit CSS Medienabfragen
Basierend auf einem Desktop-Browser (Chrome und FireFox) funktioniert alles gut und das Layout reagiert. In diesem Fall habe ich col-sm-
Klassen verwendet, aber auf mobilen Geräten hat es nicht funktioniert (getestet mit Nexus 7 und LG3), also habe ich beschlossen zu sehen, ob col-md-
und das Gitter funktioniert gut, aber sollte nicht Nexus 7 in einem Querformat.
Nach dem Problem mit dem Bootstrap Grid habe ich ein Problem mit regulären CSS Media Abfragen wie @media screen and (max-width: 768px) {}
- wird nicht auf Nexus7 oder LG3 ausgelöst (sollte zumindest im Hochformat ausgelöst werden).
Website all diese Probleme zu sehen, ist hier: http://bgcnj.org/
Jede Ahnung, was los ist?
Nun, vergessen Grund Zeug ... Danke für das Zeigen auf das – JackTheKnife
Danke, lassen Sie mich wissen, wie es funktioniert –
Als eine Randnotiz, die Seite ist nützlich, um Ansichtsfenster auf mobilen Geräten zu überprüfen: http://mydevice.io – JackTheKnife