我用我的笔记本电脑做了一个网站。在我的笔记本电脑上测试我的网站时,任何浏览器中都没有出现任何水平或垂直的滚动条。
但是,如果现在我在其他计算机上测试我的网站,它会显示水平和垂直滚动条。
为了避免这种情况,我使用了 css 属性body{zoom: 70%;}
。但是这段代码在少数浏览器中运行,也只在少数页面中运行。
谁能建议我解决我的问题。
你总是可以使用overflow: hidden;
我相信。
#main {
width: 1399px;
margin: 20px auto 0 auto;
}
width
on是问题,删除它#main
以摆脱水平滚动条或使用width: 100%;
. 不要担心垂直滚动条,如果内容比视口长,它们就会出现。
我还看到你的标记有内容表格,除了表格数据之外,不要使用表格。祝你好运!
您可能无法避免所有浏览器上的垂直滚动条。通常,内容是有意在网络上向下流动的。为了避免水平滚动条,您需要避免页面上的元素具有静态宽度。如果您将页面上的所有元素指定为百分比宽度,则页面将适当地缩放到浏览器的宽度。在大多数情况下,您确实需要设置最小宽度。基本上,您需要了解不同的布局类型。这是有关该主题的资源: http: //coding.smashingmagazine.com/2009/06/02/fixed-vs-fluid-vs-elastic-layout-whats-the-right-one-for-you/
好吧,也许这对你有帮助。
#main {
width: 90%;
margin: 20px auto 0 auto;
}