chrome 浏览器放大缩小 js实现

由于样式一开始是在浏览器缩小80%的状态下写的，现在改麻烦而且来不及
用zoom可以实现缩小但是会留白
请问如何像chrome一样在缩小的同时充满浏览器界面，谢谢!

body {
transform: scale(.8, .8) translate(0, -12.5%)
}

长宽都设成百分比都不行吗

javascript整体放大缩小没有试过，一般这种情况都是通过css自适应布局实现的；javascript底层也要通过css实现的。

body{ zoom: 200% }

或

document.getElementsByTagName('body')[0].style.zoom=2;

我记得应该是通过CSS来做，具体也不大清楚

css改为width height设为100%。试试

两种方法：

1.用CSS的话用百分比来控制高宽，宽度不要用固定数值就可以了，比较简单，但是可能存在兼容问题，需要自行根据多个浏览器写HACK来测试调整。

2.使用带双向数据绑定的JS，比如AngularJs，来绑定动态变化的浏览器宽度，这个就需要写个监听宽度的JS比较麻烦，但是最终效果肯定比用CSS百分比的问题少。