看看下面的代码。要让网页填充水平空格,我在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>
答案 0 :(得分:0)
因此,当设备旋转时,它不会最终显示不正确。