Ich sehe hier immer noch Fragen, die dazu führen, dass Responsive Design für IE8 oder Gott bewahre, IE7 funktioniert.
Aus Mangel an Kenntnissen über Windows-Geräte ist mein erster Gedanke, dass es sich nicht lohnen würde, Responsive Design für IE8 zu implementieren, aufgrund der unbedeutenden Anzahl an mobilen Geräten, auf denen IE8 noch heute läuft. Und lassen Sie Websites nur als statische 1024x768 für diesen bestimmten Browser, da es wenig oder keinen Grund für responsives Design gibt, mit den zusätzlichen schmerzhaften Anstrengungen, die es erfordert, und der Begrenzung der Medienabfrage-Polyfills, wenn über 95% der verbleibenden Browser-Anteil von IE8 ist läuft nur auf Desktops mit einer sicher angenommenen Bildschirmbreite von 1024+.
Wenn das Volumen immer noch relevant ist, welche mobile Plattform immer noch IE8-Browser verwendet, würde dies einen responsiven Design-Ansatz für sie erfordern oder rechtfertigen. Bitte teilen Sie nützliche Links mit.
PS: Der Kontext verwendet nur den Standardmodus, ausgenommen die Verwendung von IE in der Kompatibilitätsansicht oder im Eigenschaftsmodus.
Nach der Untersuchung werde ich also meine eigene Frage mit einigen relevanten Statistiken beantworten, und genau das habe ich gesucht:
Keine bekannten aktiven Tablets oder Handys benutzen IE8 soweit ich das beurteilen kann. Event die frühesten Windows Phones verwendet die IE9-Engine. Also, Laptops ausgeschlossen, IE8 wird nicht von "intelligenten" mobilen Geräten verwendet.
Laut w3counter, statcounter und analytics von 3 Kundenstandorten liegt der IE8-Browseranteil im März 2013 basierend auf US-Standorten zwischen 5% und 11%. Ein Durchschnitt von 8%.
Die Anzahl der IE8-Benutzer, die heute Bildschirmauflösungen von 800x600 Pixeln oder weniger verwenden, liegt laut den drei verschiedenen Websites in den USA zwischen 0,6% und 1% der gesamten IE8-Benutzerbasis. Im Einklang mit den Trends von Jakob Nielsen im letzten Jahr, dass "kleine Bildschirme für Desktop- und Laptop-Computer selten werden", die auf 1% fallen: Ссылка
Ab heute ergibt sich eine durchschnittliche Erwartung, dass die IE8-Nutzer insgesamt mit einer Bildschirmgröße von 800x600 oder weniger ungefähr 0,05% und mit IE7 maximal 0,1% ausmachen. Das ist niedriger als die allgemeine IE6-Nutzung in den USA und liegt laut ie6countdown.com bei 0,2%.
Die Responsive-Design-Kompatibilitätsanforderungen unter IE9 für IE7- und IE8-Benutzer sind daher nur dann sinnvoll, wenn sie keinen Folgeaufwand erfordern.
Wenn es ein Polyfill für Medienabfragen oder die Verwendung von Bootstrap einbezieht, macht es sofort funktioniert, dann großartig. Aber es ist definitiv nicht mehr wert als ein paar Stunden Zeit mit den zahlreichen potentiellen Bugs zu beschäftigen (eine Google-Suche nach "bootstrap ie8" spricht darüber), genauso wie es sich nicht mehr lohnt, Websites vollständig IE6-kompatibel zu machen.
Solange die Site in IE8 mit einem festen Design funktioniert, was einfacher zu implementieren ist, anstatt es schmerzhaft für IE8 / IE7 zu machen, reicht es ab heute.
Ich würde ja, aber nur knapp. Ich weiß nicht, was die Zahlen sind, aber ich bin mir sicher, dass es immer noch ein paar Laptops mit kleinen Displays gibt, die immer noch Windows XP ausführen und IE7 / 8 benutzen. Eine einfache Lösung für das Problem, Medienabfragen mit alten IE zu arbeiten, ist css3-mediaqueries.js . Es ist ein Polyfill, mit dem Medienabfragen mit allen Browsern funktionieren. Sie können bedingte Kommentare verwenden, um sie in Ihre Site aufzunehmen.
Kurze Antwort: Abhängig von Ihren Anforderungen
Lange Antwort: Ich lese viel über responsives Design und auch die beiden in den Kommentaren erwähnten Bücher. Ich würde deine Frage so beantworten. Responsive Design (in meinem Verständnis) hat grundsätzlich nichts mit Mobile per se zu tun. Es ist eher so, als würde Ihre Seite auf das reagieren, was Ihr Benutzer / Kunde zum Durchsuchen Ihrer Seite verwendet. Ich weiß, dass einige dieser Aspekte sehr tief in der Idee des Internets wie dem Informationsaustausch verwurzelt sind. Blinde Menschen verdienen auch ein barrierefreies Web und auch wenn das nichts mit CSS zu tun hat, hat es meiner Meinung nach immer noch etwas mit Responsive Web zu tun.
Die Frage sollte also eher lauten - wie weit sollten wir uns anpassen, wenn es um responsive Websites geht - und es gibt wahrscheinlich keine wirkliche Antwort. Der beste Weg, um mit einer neuen Responsive (Mobile First) -Webseite zu beginnen - wenn ich mich richtig erinnere - ist, eine Seite zu erstellen, die auf der niedrigsten möglichen Auflösung mit dem schlechtesten Feature-Set arbeitet, das Sie wahrscheinlich unterstützen werden. In Ihrem Fall würde ich IE8 auf einem 320x240 Bildschirm sagen (whoayy .. eine andere Frage .. ist der Umfang des responsiven Designs für Mobiltelefone mit Display-Auflösungen von 320x240 ab 2015 zB in Betracht zu ziehen). Im Falle des Uber Nerd Fanblogs kann der niedrigste Feature-Satz ein Terminal mit nur Textunterstützung sein (wie die guten alten Tage;) - CSS? was ist das? Cross-Shell-Skripting ?! Whahoo ..) .. Während eine phantastische html5-Videoseite möglicherweise auch keinen IE verwenden muss, weil es keinen Clip-Pfad gibt und Ihr Design völlig davon abhängt .. Außerdem gibt es den Aspekt der Verbindung, z. Offline-Website / verschiedene Geschwindigkeiten, die eine Rolle spielen können .. Responsives Design ist also nicht nur ein Frontend, sondern auch für das Backend. Z.B. Der Uber Nerd Fanblog http Daemon sendet Klartext ohne Code / Markup, wenn es keinen gültigen http Header gibt.
Schön, dass Sie Ihre Frage bereits beantwortet haben und festgestellt haben, dass es auf Ihre Benutzerbasis / Anforderungen ankommt.
Dies ist nicht als eine Antwort auf die Ops Frage mehr ein Hinweis für Besucher zu kommen.
@chriz "obwohl Responsive Design wirklich auf mobile Geräte abzielt." - glaube nicht ... vor ein paar Wochen musste ich meine CSS nur für 4k + Smart TVs anpassen ... auch wenn du über aktuelle Best Practices mit Mobile nachdenkst - zuerst progressiv verbesserst du ... das meiste responsive Design tritt ein, wenn du ' Sie erhalten mehr Platz auf dem Display und verbessern Ihre Seite mit Dingen, die auf kleinen mobilen Bildschirmen nicht funktionieren. Responsives Design ist ein Ergebnis dieser mobilen Geräte, die versuchen, all diese beschissenen Desktop-Seiten mit Zoom-In / Out und all diesen Enttäuschungen zu verwenden Dinge nicht funktionieren ..
Tags und Links css responsive-design internet-explorer-8 polyfills