为了防止网页中出现水平滚动，我为移动设备、平板电脑和桌面设备使用了 3 种不同的样式表。我尝试告诉浏览器使用正确的 css 文件，并在 html 文件的头部添加以下标签：
<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)" />
通过这样做，我希望移动浏览器使用 cssS.css。但是当我在三星手机上检查该网站时，它似乎正在使用 cssL.css 并缩小网页以防止水平滚动条。这样，文本就非常小并且难以阅读。
这种方法有什么问题吗？
我缺少什么？
非常感谢。
尝试下面的元标记
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=0">
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
