创建一个iPhone网站,调整纵向和横向的渲染大小

Question

我正在创建一个简单的移动网站,专门在iPhone上呈现.我一直在研究视口设置,以便将网站固定为100%到目前为止,我发现尺寸是

Portrait: 320px
Landscape: 480px

要以完全缩放渲染页面,我在html中使用了以下元标记

<meta name="viewport" content="width=device-width; initial-scale=1; user-scalable=no" />

这在肖像中效果很好,但是当iPhone旋转到横向模式时,页面不会相应地调整大小,而是显示为放大.

任何人都可以建议如何纠正这种行为？

Answer 1

width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0