在我当前的项目中,我正在构建网站的平板电脑和移动版本,并在不同大小的浏览器中对其进行测试,尽管在调整浏览器大小时遇到了问题。
该站点的当前版本可在以下位置找到:http ://demo1.zenithtechnosol.net/simlim/html/
请对此进行测试:http ://responsivetest.net/#u=http://demo1.zenithtechnosol.net/simlim/html/|768|1024
基本上,每当我调整浏览器的大小以检查它在平板电脑上的外观时,即使没有超过包含元素的宽度,也会在右侧呈现空白并出现 x 滚动条。
我几乎可以通过添加 overflow: hidden 来解决这个问题,但这会完全禁用 x 滚动,这是我不想要的。
我已经在所有主要浏览器上对此进行了测试,所有响应都相同,所以它一定与 CSS 有关,我不太确定,但它可能是我设法错过的非常简单的东西。
任何帮助将不胜感激!