【问题标题】:Meta tag viewport does nothing元标记视口什么都不做
【发布时间】:2013-12-09 12:02:24
【问题描述】:

我正在尝试让我的网站在任何移动设备上全面显示,如下例所示:

截至目前,网站会自动放大打开,我的客户不喜欢这样。我想添加一行

<meta name="viewport" content="width=device-width, initial-scale=1">

会解决这个问题,但它什么都不做。我尝试过使用initial-scale 值来查看它是否有效,但它什么也没做。例如,我已将其设置为initial-scale=0.5,它并没有改变页面的显示方式(澄清一下,它在桌面浏览器和移动设备上都不起作用)。

我已经为此工作了几天,任何帮助将不胜感激!

编辑:澄清一下,这是我 get 与我 need 的模型。

【问题讨论】:

  • 您的 Opera 是否设置为桌面视图?
  • 我并不是特别想在歌剧中使用它。问题是,当我更改比例时,它什么也不做,不在桌面浏览器上,不在 Windows Phone 的 IE 上,也不在 Android 的 Opera 上。从移动视图更改为桌面视图也无济于事。就好像 标签没有被读取。
  • 您预计会发生什么?您需要展示一些 HTML 和 CSS,说明您希望标签如何影响渲染,并描述预期行为和观察到的行为之间的差异。
  • 在 IE for windows phone 中正常,看看这个帖子mattstow.com/responsive-design-in-ie10-on-windows-phone-8.htmlnostrongbeliefs.com/…
  • @JukkaK.Korpela 我在原来的帖子中就是这样做的?目前网页加载放大到左上角,我只是希望它加载完全缩小,就像我提供的图片一样显示整个页面,无论使用什么设备。如果您需要代码的特定部分,我会发布它;或者如果你能给我任何关于我应该寻找什么的线索,我会去做,但事实上,我不知道我还能提供什么对你有帮助。

标签: html css mobile


【解决方案1】:

尝试在下面添加元标记:

 <meta name="viewport" content="user-scalable=yes">
 <meta name="apple-mobile-web-app-capable" content="yes"/>

您的请求将得到解决。

【讨论】:

  • 检查您网页中包含的所有元标记...因为它对我来说正常工作!
猜你喜欢
  • 2016-12-18
  • 1970-01-01
  • 2017-10-04
  • 2019-03-08
  • 2016-12-24
  • 2017-04-18
  • 2011-08-03
  • 2014-05-11
  • 2014-09-10
相关资源
最近更新 更多