2012-04-14 2 views
0

So verwende ich die 1140px css grid. Es ist ein responsives css Grid Design und ich bin sehr beeindruckt davon. Wie auch immer (wann wird es enden?), IE (7, 8) verschraubt. Der Autor verwendet CSS-Medienabfragen, um Stile unterhalb von 768 Pixeln festzulegen. Er verwendet außerdem this, um Medienabfragen in nicht unterstützten Browsern zu aktivieren. Aber die Stile werden nie im IE angewendet (dh 9 funktioniert gut).CSS - 1140px Grid - IE 7,8 Ausgaben - Media Abfragen

Ich habe mich für einen ziemlich hässlichen Hack entschieden, um das Problem zu lösen (lesen Sie - dh spezifische js-Datei, um Stilelemente zu erstellen, wenn die Bildschirmgröße unter 768px liegt). Gibt es einen anderen Weg?

+1

Respond.js ist Ihre einzige Lösung wie das andere Plakat unten beantwortet, es sei denn, Sie möchten etwas wild wie der Chrome-Rahmen verwenden. –

Antwort

2

Mit respond.js (https://github.com/scottjehl/Respond) werden Medienabfragen in nicht unterstützten Browsern ausgeführt. Wenn Sie modernizr verwenden, enthält dies eine Antwort. Scheinbar nicht mehr: http: //modernizr.com/news/modernizr-25/

+0

danke, aber das löst das Problem immer noch nicht. Ich kann es nicht knacken. –

+0

Sie könnten bedingte Kommentare verwenden, um spezielle ie css zu laden, da die Medienabfragen nur für kleine Anzeigen benötigt werden. – matpol

1

Wenn Sie es als eine Datei auf Ihrem PC ausführen die js-Datei wird nichts tun. Sobald Sie es jedoch auf einen Server setzen, wird die js eingreifen.

+0

Normal js wird nur vom Browser geparst, nicht vom Server. Es spielt also keine Rolle, ob er mit einem Server arbeitet oder nur die HTML-Seite in seinen Browser lädt. –