Html iPhone模拟器中的元标记问题

Html iPhone模拟器中的元标记问题,html,css,ios,responsive-design,meta-tags,Html,Css,Ios,Responsive Design,Meta Tags,我正在使用元标记来缩放站点 这是iphone上的演示,因此可以忽略最佳实践 由于某些原因,当我将页面从横向更改为纵向时,缩放比例似乎没有改变。(我不是说旋转时切换,我是说以不同的方向重新加载整个页面) 我正在iPhone模拟器中测试该站点 我错过了一些简单的东西吗 <meta name="viewport" content="width=320; initial-scale=.675"> <meta name="viewport" content="width=480; ini

我正在使用元标记来缩放站点

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

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

我正在iPhone模拟器中测试该站点

我错过了一些简单的东西吗

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

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


另外,不要将宽度与设备宽度混淆。可能有助于重读

谢谢,将返回到媒体查询我的css。我想有两个meta标签可以快速修复。感谢链接。