最近由于领导需求，需要将框架内某个页面进行全屏查看，这个需求很简单，一眼就想到使用css解决。
.full-screen{
position:fixed;
top:0;
left:0;
height:100%;
overflow:auto
}
简单测试了一下，一个很明显的问题，进度条没了。。
于是查找资料，发现是设置高度的原因，导致进度条消失。
调整代码如下
.full-screen{
position:fixed;
top:0;
left:0;
bottom:0;
right:0;
overflow:auto
}
OK,正常。
然后领导要求页面放大，第一时间想的是使用transform:scale(x)进行内容缩放。
ok，直接用，效果还可以
继续查找资料(bing)，发现一个document.body.style.zoom属性，这个属性和我们使用在网页ctrl+效果一致，使用后发现会有之前的elmeent absolue定位元素便宜。
还是决定使用transform:scale(x) 使用 transform-orgin:"50% 0%" 调整缩放中心点。
ok，完美。
