如何防止移动设备调整大小并使用正确的css文件

以防止在我的网页中进行水平滚动，我为移动设备，平板电脑和桌面设备使用了3种不同的样式表。我试着告诉浏览器在HTML文件的头部使用正确的css文件有下列标记：通过这样做如何防止移动设备调整大小并使用正确的css文件

<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并缩小网页以防止水平滚动条。这样，文本非常小，不可读。

这种方法有什么问题吗？我错过了什么？

非常感谢。

来源

2014-07-23 Ormoz

尝试下面的meta标签

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=0">

来源

2014-07-23 13:04:31 karan3112

此标签是否阻止用户增加缩放？ – Ormoz

是的，但您可以更新user-scalable = 1以启用缩放。 – karan3112

谢谢karan :) – Ormoz

Android版Chrome拥有辅助功能的设置，允许用户放大和缩小，即使页面请求，它不会缩放。因此，您可以根据需要设置用户可扩展设置，但浏览器忽略您。一些辅助功能的支持者会争辩说，你不应该禁用缩放。 http://adrianroselli.com/2015/10/dont-disable-zoom.html

来源

2016-04-10 21:51:05 John

如何防止移动设备调整大小并使用正确的css文件

回答

相关问题