我正在使用 Kendo UI Mobile 框架，并且我将 min-width 属性设置为 768px。当我在分辨率较小的平板电脑上拉起页面时，会导致水平滚动。如果分辨率小于设置的宽度，我只想让页面自动缩小。过去我曾使用此元标记来解决此问题：
<meta name="viewport" content="width=device-width, height=device-height, user-scalable=no" />
但这不起作用。
关于如何让页面自动缩放以适应设备宽度的任何帮助都会很棒
您也可以尝试摆脱“最小宽度”CSS 属性，而只使用“宽度：100%”，这将使其适合任何浏览器大小。也有一些关于使用 ems 而不是 px 作为宽度的猜测，因为有很多不同的移动设备和浏览器，基本上不可能为每一种意外情况做好计划。不幸的是，我找不到有关使用 em 的文章的链接，但基本上，如果您去掉一些硬性下限，您可能会发现支持更多种类的设备会更容易。
还结帐bootstrap。这是一个很好的响应式设计包。
试试这个。
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-touch-fullscreen" content="yes">