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.

InformationsquelleAutor Ormoz | 2014-07-23
Schreibe einen Kommentar