我有一个 2048px 宽的网站。有没有办法在网站加载时自动让 iPad 适应屏幕上的整个网站宽度？我尝试以几种不同的方式尝试元视口：
<meta name="viewport" content="width=device-width maximum-scale=1.0">
<meta name="viewport" content="width=device-width initial-scale=1.0">
然而这并没有奏效。该站点仍然太宽，并且在 iPad 上溢出屏幕。
问问题
25790 次
6 回答
7
您可以将固定大小传递给内容宽度，如下所示：
<meta name="viewport" content="width=2048" />
可能需要进行一些调整以允许填充任一侧，但应以该大小加载站点并允许用户放大。
于 2014-01-06T10:19:38.027 回答
1
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
这就是我用于我的网站的内容。
于 2013-02-15T20:16:59.633 回答
1
解决此问题的正确方法是使用百分比而不是固定宽度。但是如果你“不能”改变它，你可以通过在初始比例中使用 0.x 来强制你的视口缩小，比如：
<meta name="viewport" content="width=device-width, initial-scale=0.625, user-scalable=yes" />
于 2016-05-11T16:52:16.797 回答
0
尝试min-width: 2048px;在 css 中设置 html 和 body 标签。这对我来说之前在 iPad 上解决了一些奇怪的问题，但不确定它是否适用于这个。
于 2013-02-15T20:24:33.673 回答
0
我最近在一个有同样问题的网站上工作，对于一个固定的 960 像素宽度的网站，它不会在页面点击之间保持缩小。尝试：
<meta name="viewport" content="width=device-width, initial-scale=-100%" />
到目前为止一切顺利，通过了我的 Ipad Air。
于 2013-12-17T14:06:12.007 回答
-1
这工作正常：
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
于 2018-03-02T08:07:51.767 回答