2017-05-29 442 views
0

我有一个表格和文本的HTML页面。如何在不打破任何形式的情况下将所有内容缩小?如何缩小html页面的内容?

我试过这个CSS,但它打破了表格的形式,所以表格的标题重叠。

body{ 
    -webkit-transform: scale(0.67); 
    -moz-transform: scale(0.67); 
    transform: scale(0.67); 
} 
+3

是不是减少字体大小,填充和利润的问题? – Huangism

+0

也许你应该包括一个示例代码,以便我们可以更好地了解发生了什么问题,但是,它应该很可能是字体大小的问题。 –

+0

当然我使用了填充和边距,但是用于带有边框的表格。在表格内部,我没有使用任何填充和边距。 – amateur

回答

2

试试这个:

body { 
    zoom: 90%; 
} 

这取决于你设置你的内容的方式,但它可能工作。

注:这不会在Firefox中很好地工作(https://caniuse.com/#search=zoom

+1

快速和愤怒。非常感谢!它工作得很好。 :) – amateur