【发布时间】:2013-12-09 12:02:24
【问题描述】:
我正在尝试让我的网站在任何移动设备上全面显示,如下例所示:
截至目前,网站会自动放大打开,我的客户不喜欢这样。我想添加一行
<meta name="viewport" content="width=device-width, initial-scale=1">
会解决这个问题,但它什么都不做。我尝试过使用initial-scale 值来查看它是否有效,但它什么也没做。例如,我已将其设置为initial-scale=0.5,它并没有改变页面的显示方式(澄清一下,它在桌面浏览器和移动设备上都不起作用)。
我已经为此工作了几天,任何帮助将不胜感激!
【问题讨论】:
-
您的 Opera 是否设置为桌面视图?
-
我并不是特别想在歌剧中使用它。问题是,当我更改比例时,它什么也不做,不在桌面浏览器上,不在 Windows Phone 的 IE 上,也不在 Android 的 Opera 上。从移动视图更改为桌面视图也无济于事。就好像 标签没有被读取。
-
您预计会发生什么?您需要展示一些 HTML 和 CSS,说明您希望标签如何影响渲染,并描述预期行为和观察到的行为之间的差异。
-
在 IE for windows phone 中正常,看看这个帖子mattstow.com/responsive-design-in-ie10-on-windows-phone-8.html和nostrongbeliefs.com/…
-
@JukkaK.Korpela 我在原来的帖子中就是这样做的?目前网页加载放大到左上角,我只是希望它加载完全缩小,就像我提供的图片一样显示整个页面,无论使用什么设备。如果您需要代码的特定部分,我会发布它;或者如果你能给我任何关于我应该寻找什么的线索,我会去做,但事实上,我不知道我还能提供什么对你有帮助。