Mic*_*ael 2 css iphone mobile-safari screen-orientation
我有一个小巧的手机应用程序在iPhone/Mobile Safari上表现得很奇怪.当页面方向垂直时,页面呈现并且效果很好.当我水平旋转手机时,一些,但并非页面上的所有元素都正确调整大小.一些标题元素将保持几乎相同的大小,可能增加10%,其他标题元素将增加一倍.
有没有人碰到这个？我的第一个想法是,css可以混合使用基于ems和px的大小但是找到每个大小的元素并将它们转换为em并没有改变一件事.
Liv*_*uel 11
这是因为iPhone和iPod Touch上的Mobile Safari可以自动调整字体大小.
您可以使用以下css规则禁用它,
html {-webkit-text-size-adjust:none}
Safari参考资料库提供的更多信息
您是否尝试过包含视口元标记,例如:
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
否则,您可以尝试创建特定方向的CSS样式表,并在方向更改事件触发时将其与wavascript交换出来,但我更喜欢上面的元标记方法.
| 归档时间： |
|
| 查看次数： |
7614 次 |
| 最近记录： |