如何删除滚动条以使网站适合浏览器

Question

我从笔记本电脑上建了一个网站。在我的笔记本电脑上测试我的网站时，没有任何滚动条在任何浏览器中都没有出现水平和垂直。

但是，如果我现在测试我的网站，在其他一些计算机上，它显示水平和垂直滚动条。

为了避免这种情况，我使用了css属性body{zoom: 70%;}。但是这个代码在很少的浏览器中工作，而且只有几页。

任何人都可以建议我解决我的问题。

Answer 1

您可以随时使用overflow: hidden;我相信。

Answer 2

#main {
width: 1399px;
margin: 20px auto 0 auto;
}

width上的#main是问题，请删除它以摆脱水平滚动条或使用width: 100%;。不要担心垂直滚动条，如果内容长于视口，则 会出现。

此外，我看到你的标记有内容表，除表格数据外不要使用表格。祝你好运！

Answer 3

您可能无法在所有浏览器上避免使用垂直滚动条。通常，使内容有意地在网上向下流动。要避免使用水平滚动条，您需要避免页面上具有静态宽度的元素。如果您将页面上的所有元素指定为百分比宽度，则页面将适当缩放到浏览器的宽度。在大多数情况下，您需要设置最小宽度。基本上，您需要了解不同的布局类型。以下是有关该主题的资源：http://coding.smashingmagazine.com/2009/06/02/fixed-vs-fluid-vs-elastic-layout-whats-the-right-one-for-you/

Answer 4

好吧也许这可以帮到你。

#main {
width: 90%;
margin: 20px auto 0 auto;
}