Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/google-chrome/4.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
Google chrome 有溢出的奇怪CSS行为?_Google Chrome_Joomla_Mobile Safari_Css - Fatal编程技术网

Google chrome 有溢出的奇怪CSS行为?

Google chrome 有溢出的奇怪CSS行为?,google-chrome,joomla,mobile-safari,css,Google Chrome,Joomla,Mobile Safari,Css,我在编写Joomla模板时遇到一些问题。我想这是因为溢出,我应用它来避免浮动问题,但一点也不确定 首先,该页面在Chrome的X轴上有一个滚动条。不过在IE和Firefox方面做得很好。最奇怪的是,如果您更改窗口大小或只是打开开发工具,它会自行修复。。。我知道我可以这样做: body { overflow-x: hidden; } 但我想我不应该需要它 而且(我认为这真的很相关)在iOS Mobile Safari和Chrome上真的很奇怪 怎么了 Mobile Safari假定页面宽度为9

我在编写Joomla模板时遇到一些问题。我想这是因为溢出,我应用它来避免浮动问题,但一点也不确定

首先,该页面在Chrome的X轴上有一个滚动条。不过在IE和Firefox方面做得很好。最奇怪的是,如果您更改窗口大小或只是打开开发工具,它会自行修复。。。我知道我可以这样做:

body { overflow-x: hidden; }
但我想我不应该需要它

而且(我认为这真的很相关)在iOS Mobile Safari和Chrome上真的很奇怪

怎么了


Mobile Safari假定页面宽度为980px。由于您的标题是990px,因此标题似乎位于视口之外

您可以将以下内容放在您的浏览器中,以阻止Safari采用980px的页面宽度(这可以容纳大多数为桌面浏览器构建的站点):



嗯,这很难调试。所有的调试尝试都解决了这个问题……是的,我尝试了一天多,最后我投降了……:(这对你来说更容易,因为你可以更改源代码。你需要缩小问题的范围。首先,尝试在浏览器中禁用JavaScript。如果问题消失,你知道它是由JavaScript引起的。启用JavaScript,缩小脚本范围以找出它是哪一个。如果问题仍然存在,请禁用JavaScriptd、 除了CSS之外,请按照我刚才描述的过程进行操作。要么删除所有CSS并一次添加小部分,要么保留所有CSS并一次删除小部分。我也会尝试删除每个html块,即页眉、页脚等-一次删除一个,然后在Chrome中刷新,看看是不是某个特定的html块导致滚动条出现错误出现。@thirtydot接受了你的建议,就在标题处出现了第二期……伊恩,非常感谢。你就是那个人!它很有魅力。我不知道:D