chrome 浏览器放大缩小 js实现

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

css

7个回答

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

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

qq_33459936
qq_33459936 回复wjy407199: 设了之后清下缓存,修改的css才会加载出来
2 年多之前 回复
wjy407199
半城风月半城雪 设了没用
2 年多之前 回复
wjy407199
半城风月半城雪 不行
2 年多之前 回复

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百分比的问题少。

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐