Посмотрите на код ниже.Чтобы веб-страница заполняла горизонтальное пространство, я указываю в метатеге viewport
: width=device-height
В альбомной ориентации device-height
оценивается в 1024 пикселей, а в портретной ориентации - в 768 пикселей!
Я озадачен: почему ширина устройства хранится в 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>