在移动浏览器上查看时如何从网站上删除多余的空白

时间：2019-01-17 21:13:57

标签： javascript html css space

浏览器在移动屏幕的右侧渲染了额外的空白。我尝试修改以下属性但没有任何进展：

curl -X POST -u "apikey:KEY" --header "Content-Type: audio/wav" --data-binary @/Users/francobrotto/Downloads/corita.wav "https://gateway-lon.watsonplatform.net/speech-to-text/api/v1/recognize"
<HTML><HEAD>
<TITLE>Internal Server Error</TITLE>
</HEAD><BODY>
<H1>Internal Server Error - Write</H1>
The server encountered an internal error or misconfiguration and was unable to complete your request.<P>
Reference&#32;&#35;4&#46;f4f655f&#46;1547758846&#46;10b873f4
</BODY></HTML>

它仍然不会删除多余的空白。我也没有看到任何元素从网格的侧面溢出。有什么想法吗？

谢谢！

enter image description here

我的网站：fanismahmalat.com

2 个答案:

答案 0 :(得分：0)

问题出在笔记本电脑的图像中，该图像宽度过大。  https://momentjs.com

答案 1 :(得分：0)

在滚动条离开空白的情况下切换到移动设备时，似乎发生了一些奇怪的事情。

我在Chrome检查器的CSS中添加了以下内容，并解决了该问题：

html,body
{
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden; 
}

我只在Chrome中对此进行了测试，然后再次与检查器进行了测试，但这可能有所帮助。我注意到您有height:1000px（硬编码为1000px）。我不确定为什么会这样，但是我认为您可以根据需要保留原样。

相关问题
最新问题