我正在使用Kendo UI移动框架，并将最小宽度属性设置为768px。当我在平板电脑上以较小的分辨率拉起页面时，会导致水平滚动。如果分辨率小于设置的宽度，我只想让页面自动缩小。在过去，我用这个meta标签来解决这个问题： <meta name="viewport" content="width=device-width, height=device-height, user-scalable=no" />HTML5 JavaScript移动应用不适合较小分辨率的平板电脑
但是这不起作用。
我如何能在页面自动缩放以适应设备的任何帮助宽度将是巨大的
尝试此示例。
<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">
给这个试试..没有骰子..不知道它是否重要，但没有正确渲染的设备是Android nexus 7 – Rob
你可能也尽量摆脱“最小宽度” CSS属性的，只是用“宽度：100％”，这将使其适合于任何浏览器的大小。也有一些关于使用ems代替宽度的猜测，因为有这么多不同的移动设备和浏览器，基本上不可能为每个应变计划。不幸的是，我找不到有关使用em的文章的链接，但基本上，如果您拿走了一些较低的边界，您可能会发现支持更多种类的设备更容易。
也结帐bootstrap。这是一个相当不错的响应式设计软件包。
问题是，如果内容（表格数据）小于768px，我的内容（表格数据）会变得非常混乱。如果我删除最小宽度，它会缩放以适合屏幕，但是会以扭曲我的视角为代价。 – Rob
你如何处理手机？这些设备一般也会比平板电脑小。我认为你正在考虑一个你永远无法满足所有人的情况。我的建议是：对于小于768px的屏幕，减小表格中信息的字体大小，或者以较小的宽度隐藏不太需要的列。如果您环顾网络，网站会定期隐藏移动版本的信息，或以某种方式对其进行浓缩。否则，也许你只能忍受人们滚动或捏你的页面。 – Matt
另一种想法是，改变表格中的内容以隐藏文本的一部分，除非有人点击“更多...”或什么时候屏幕尺寸很小。该解决方案可能需要一些JavaScript，但它可能是隐藏整个列和其他选项之间的合理妥协。 – Matt
试试这个元标记： – Lowkase