当我的网站在移动浏览器上观看时，网站实际内容的右侧和底部有大量的白色空间。我已经尝试将overflow-x: hidden放在我的<body>上以关闭水平滚动，但即使这样也行不通。据我所知，我也没有任何超出屏幕范围的元素。我的网站可以找到here。
答案 0 :(得分：0)
由
引起的 <img class="bkgimage" src="colorfulbackground.jpg">
在桌面版中，您设置了一些css，例如width:100%;，以使图片适合div，但在移动版本中，此css将替换为opacity: 0;。因此，您的图像会停止缩放到页面宽度，而opacity: 0不会从渲染中消失图像，只会渲染为完全透明。您应该使用display: none;，并将display: block;移至桌面CSS，因为它会覆盖移动CSS。 id（＃）的选择器比没有它们的选择器更重要。
很少有相关链接
Within CSS what is the difference between opacity:0 and display:none?
Does opacity:0 have exactly the same effect as visibility:hidden
答案 1 :(得分：-1)
我无法使用移动Edge浏览器重现此错误，但这个元标记可能有所帮助：
<meta name="viewport" content="width=device-width">