Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 在手机上查看时，会出现大量额外的空白_Html_Css - Fatal编程技术网
Fatal编程技术网
  • html/
  • Html 在手机上查看时，会出现大量额外的空白

Html 在手机上查看时，会出现大量额外的空白

html css

Html 在手机上查看时，会出现大量额外的空白,html,css,Html,Css,当我的网站在移动浏览器上浏览时，在网站实际内容的右下方都有大量的空白区域。我尝试在我的上放置overflow-x:hidden，以关闭水平滚动，但即使这样也不起作用。就我所见，我也没有任何元素超出屏幕的界限。可以找到我的网站。我无法使用mobile Edge浏览器重现此错误，但此元标记可能会有所帮助： <meta name="viewport" content="width=device-width"> 这是由 在桌面版中，你可以设置一些css，比如width:100%使图像适

当我的网站在移动浏览器上浏览时，在网站实际内容的右下方都有大量的空白区域。我尝试在我的
上放置
overflow-x:hidden
，以关闭水平滚动，但即使这样也不起作用。就我所见，我也没有任何元素超出屏幕的界限。可以找到我的网站。

我无法使用mobile Edge浏览器重现此错误，但此元标记可能会有所帮助：

<meta name="viewport" content="width=device-width">
这是由

在桌面版中，你可以设置一些css，比如
width:100%
使图像适合
div
，但在移动版本中，此css被
不透明度替换为0。因此，您的图像停止缩放到页面宽度，并且
不透明度：0
不会从渲染中消失图像，只渲染为完全透明。您应该使用
display:none，并移动
显示：块到桌面CSS，因为它覆盖了移动CSS。带有id（#）的选择器比没有id的选择器更重要

相关链接很少






有关您的问题的更多详细信息将有助于提供答案。