1

在我当前的项目中,我正在构建网站的平板电脑和移动版本,并在不同大小的浏览器中对其进行测试,尽管在调整浏览器大小时遇到​​了问题。

该站点的当前版本可在以下位置找到:http ://demo1.zenithtechnosol.net/simlim/html/

请对此进行测试:http ://responsivetest.net/#u=http://demo1.zenithtechnosol.net/simlim/html/|768|1024

基本上,每当我调整浏览器的大小以检查它在平板电脑上的外观时,即使没有超过包含元素的宽度,也会在右侧呈现空白并出现 x 滚动条。

我几乎可以通过添加 overflow: hidden 来解决这个问题,但这会完全禁用 x 滚动,这是我不想要的。

我已经在所有主要浏览器上对此进行了测试,所有响应都相同,所以它一定与 CSS 有关,我不太确定,但它可能是我设法错过的非常简单的东西。

任何帮助将不胜感激!

4

1 回答 1

0

您可能想要更改.pad-20 {padding:20px}.pad-20 {padding:20px 0}并当然overflow-y:scroll; overflow-x:hiddenbody.

于 2013-08-15T21:31:49.587 回答