iPad Safari：设备宽度是设备高度？
Posted
技术标签:
【中文标题】iPad Safari：设备宽度是设备高度？【英文标题】：iPad Safari: device width is device-height? 【发布时间】：2011-08-20 13:34:34 【问题描述】：看看下面的代码。为了让网页填充水平空间，我在 viewport 元标记中指定：width=device-height
横向时device-height 计算为1024px，纵向计算为768px！
我很疑惑：为什么设备的宽度保存在device-height中？所有 ios 设备都是这种情况吗？
<!doctype html>
<html>
<head>
<title>Fit to Width Test</title>
<meta name="viewport" content="user-scalable=no, width=device-height">
</head>
<body style="margin: 0; width: 1024px">
<div style="width: 1022px; border: 1px solid red">
1024px wide
</div>
</body>
</html>
【问题讨论】：
【参考方案1】：这样当设备旋转时它不会最终显示不正确。
【讨论】：
这种解释对我来说没有意义。device-height始终是设备的宽度，即纵向为 768 像素，横向为 1024 像素。以上是关于iPad Safari：设备宽度是设备高度？的主要内容，如果未能解决你的问题，请参考以下文章