html - iPhone 模拟器中的元标记问题

标签 html css ios responsive-design meta-tags

我正在使用元标记来扩展网站。

它是用于 iphone 上的演示,因此可以忽略最佳实践

出于某种原因,当我将页面从横向更改为纵向时,缩放比例似乎没有改变。 (我不是在谈论旋转时的切换,我是在谈论以不同方向重新加载整页)。

我正在 iPhone 模拟器中测试网站。

我是不是漏掉了一些简单的东西?

<meta name="viewport" content="width=320; initial-scale=.675">
<meta name="viewport" content="width=480; initial-scale=1">

最佳答案

为什么要使用两个视口(viewport)标签?这些不是 if-then 语句;您应该设置视口(viewport)值一次。就目前而言,我希望第二个会覆盖第一个(尽管实际上,任何事情都有可能发生)。

也不要混淆宽度和设备宽度。可能有助于重读 http://developer.apple.com/library/ios/#DOCUMENTATION/AppleApplications/Reference/SafariWebContent/UsingtheViewport/UsingtheViewport.html

关于html - iPhone 模拟器中的元标记问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12356388/

相关文章:

ios - 使用 CATextLayers 向圆圈添加标签

ios - 场景视角线程1 : EXC_BAD_ACCESS (code=1, 地址=0x0)

html - CSS 子菜单项 - 未正确定位

php - 在 PHP 的 GeSHi 中设置 <PRE> 标签的最大宽度

html - Bootstrap 按钮文本未调整大小

html - 在 HTML 中制作一个可展开的按钮

html - <th> 范围内的 CSS 样式元素

html - css background-size 失败以及图像位置

html - 当我们在 <ol> 中有多个元素时,如何将 <ol> 中的元素与 <oil> 的编号对齐

ios - 从 UITableViewCell 调用的 UIActivityViewController 显示不正确