Wie um zu verhindern, dass mobile Geräte, um die Größe und die Verwendung der richtigen css-Datei
um zu verhindern, dass das horizontale scrollen in meinen web-Seiten habe ich 3 verschiedene stylesheets für mobile, tablet und desktop-Geräten. Ich versuche, um dem browser mitzuteilen, um die richtige css-Datei mit dem folgenden tags im Kopf der html-Datei:
<link href="static/css/cssL.css" rel="stylesheet" type="text/css" media="(min-width:1000px)" />
<link href="static/css/cssM.css" rel="stylesheet" type="text/css" media="(min-width:551px) and (max-width:999px)" />
<link href="static/css/cssS.css" rel="stylesheet" type="text/css" media="(max-width:550px)" />
so, ich erwarte, dass die mobilen Browser zu verwenden, cssS.css. aber wenn ich überprüfte die website in ein Samsung-Handy, Es scheint mit cssL.css und schrumpft Webseite, um zu verhindern, dass die horizontale Bildlaufleiste. auf diese Weise, Texte sind sehr klein und unleserlich.
gibt es etwas falsch mit dem Ansatz?
Was bin ich?
danke Ihnen sehr.
Du musst angemeldet sein, um einen Kommentar abzugeben.
Versuchen, die unterhalb der meta-tag
Chrome auf Android hat ein accessibility-Einstellung, die es Benutzern ermöglicht Zoomen in und aus, auch wenn die Seite anfordert, dass es nicht Zoombare. So können Sie die user-scalable Einstellung einstellen, wie Sie wollen, aber der browser ignoriert Sie. Einige Barrierefreiheit-Befürworter werden argumentieren, dass sollten Sie nie deaktivieren Zoomen. http://adrianroselli.com/2015/10/dont-disable-zoom.html