【问题标题】:iPhone zoomed way in on websiteiPhone在网站上放大方式
【发布时间】:2013-03-27 16:15:55
【问题描述】:

已经为此工作了几个小时,但似乎无法弄清楚它是什么。该网站因某种原因被放大,我无法弄清楚。这是我的元标记:

 <meta name="viewport" content="width=1030, initial-scale=1.0"/>

我认为这可能是一个 CSS 问题。该网站是here

非常感谢任何帮助!

【问题讨论】:

  • 当您将“初始比例”更改为其他内容时会发生什么?说... 0.2?
  • 你得到答案了吗?

标签: php iphone html css


【解决方案1】:

这很难测试,但您在该元标记中使用固定值,并且可能在 CSS 文件中:

  1. 尝试用

    替换那个元标记
     <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    
  2. 确保您在 CSS 中使用 % 而不是 px pt 等

【讨论】:

  • 我尝试了元标记并得到了相同的结果。 CSS 中的所有内容都必须是百分比还是 div?例如,如果我希望图像的宽度为 320 像素,这会影响移动设备上的布局吗?
  • 棘手。尽可能使用它们,但要小心,在某些时候固定宽度(如图像)对于容器 div 来说太大了。我们的媒体查询来交换图像或使用unstoppablerobotninja.com/entry/fluid-images(不过要小心旧浏览器)
【解决方案2】:

尝试使用此方法(最适用于所有设备):

<meta name="viewport" content="width=device-width" />

【讨论】:

    【解决方案3】:

    由于您没有响应式设计,因此最好删除元标记。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2012-08-21
      • 1970-01-01
      • 2016-03-08
      • 1970-01-01
      相关资源
      最近更新 更多