Question

当我以横向方式加载页面时，页面不适合屏幕，但显示的宽度大于宽度。在我将方向更改为纵向并双击屏幕的同时，然后更改为横向，页面完全适合屏幕。我要添加什么？我错过了什么？为什么不在没有双击屏幕的情况下完全在第一次加载时进行双层拼接。

我在下面使用过：

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation: portrait){/*style starts...*/}

Answer 1

将meta viewport tag添加到您的应用<head>：

<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">

看起来像是视口问题。