代码之家 › 专栏 › 技术社区 › William

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

mobile-website web html iphone

William · 技术社区 · 14 年前

Portrait: 320px
Landscape: 480px

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

这在纵向模式下非常有效,但是当iPhone旋转到横向模式时,页面不会相应调整大小,而是显示为放大。

2 回复 | 直到 14 年前

ggarber 14 年前

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

Marko 14 年前

#包装器。

我们可以将宽度设置为100%,并且只允许其最大值为480px。像这样:

#wrapper {
    width: 100%;
    max-width: 480px;
}

您还可以收听当iPhone的方向发生变化时触发的事件,即当您翻转手机时。

在HTML中

<body onorientationchange="someFunction()">

window.onorientationchange = someFunction;

推荐文章

NotAgent48 · Swift UI-我正在尝试更改背景。它在功能按钮pressed()下给了我一个错误

2 年前

Coolalonge · 如何在Flatter-like中向所有用户推送通知

2 年前

Siva2789 · Charles Proxy不使用iPhone操作Mac

2 年前

WkWk · Apple Watch动作通知不起作用

2 年前

Piotr Wittchen · 如何使用Swift在iOS上正确加密/解密核心数据?

2 年前

Otavio Miguel · 在手机中保留我自己未发布的ios应用

2 年前

Nico Passaglia · 移动键盘向上移动站点

6 年前

ashish.surana · 如何在应用程序中连续更新数据,而不在一段时间间隔后调用API?

6 年前

Mitchell · xcode9 swift4致命错误:在展开可选值时意外发现零

6 年前

Javier Landa-Torres · iOS[Obj-C]-导航栏透明,滚动时显示项目

6 年前