IE mobile 只用了一半的屏幕
IE mobile only uses half of the screen
因此，在 windows phone 上测试我的项目时，我偶然发现了一个我还没有遇到的问题，既不知道它是如何出现的，也不知道如何解决它。
问题图片here
所以问题是我指定它必须使用 100% 的宽度和高度。这样，溢出就被隐藏了，这样就永远不会有滚动条了。
现在当我以纵向模式查看页面时，它根本不会使用 100% 的屏幕。 （见图）
然后当我旋转手机以查看横向视图时，它保持相同大小但随后只是放大。这导致出现滚动条，因为页面大于手机的高度。但是页面仍然不是浏览器的全宽。
我无法在 Edge 的模拟器中重现此问题。
我在其他浏览器也没有这个问题。
添加到您的头部部分
<meta name="viewport" content="width=device-width, initial-scale=1">
因此，在 windows phone 上测试我的项目时，我偶然发现了一个我还没有遇到的问题，既不知道它是如何出现的，也不知道如何解决它。
问题图片here
所以问题是我指定它必须使用 100% 的宽度和高度。这样，溢出就被隐藏了，这样就永远不会有滚动条了。
现在当我以纵向模式查看页面时，它根本不会使用 100% 的屏幕。 （见图）
然后当我旋转手机以查看横向视图时，它保持相同大小但随后只是放大。这导致出现滚动条，因为页面大于手机的高度。但是页面仍然不是浏览器的全宽。
我无法在 Edge 的模拟器中重现此问题。 我在其他浏览器也没有这个问题。
添加到您的头部部分
<meta name="viewport" content="width=device-width, initial-scale=1">