所以,当我在Windows手机上测试我的项目时,我偶然发现了一个我还没有看到的问题,既不知道它是如何到达那里也不知道如何修复它。
问题图片here
所以问题是我指定它必须使用100%的宽度和高度。有了它,隐藏溢出,以便永远不会有滚动条。
现在,当我以纵向模式查看页面时,它根本不使用100%的屏幕。 (见图)
然后,当我旋转移动设备以查看横向视图时,它会保持相同的大小,然后只是放大。这会导致滚动条,因为页面大于移动设备的高度。但页面仍然不是浏览器的全宽。
我无法在Edge的模拟器中重现此问题。 我也没有在任何其他浏览器中遇到此问题。
答案 0 :(得分:0)
添加到您的头部
<meta name="viewport" content="width=device-width, initial-scale=1">