半城风月半城雪
2018-05-10 06:45
采纳率: 76.9%
浏览 4.3k

chrome 浏览器放大缩小 js实现

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

  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

7条回答 默认 最新

  • suscikran 2018-05-10 11:35
    已采纳

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

    1 打赏 评论
  • Duike 2018-05-10 06:48

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

    打赏 评论
  • Kiloveyousmile 2018-05-10 06:50

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

    打赏 评论
  • qq_35855719 2018-05-10 08:43
    body{ zoom: 200% }

    document.getElementsByTagName('body')[0].style.zoom=2;
    打赏 评论
  • shaonianfei 2018-05-10 08:54

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

    打赏 评论
  • qq2925481264 2018-05-10 11:09

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

    打赏 评论
  • Dingpeiyuan 2018-05-11 02:43

    两种方法:

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

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

    打赏 评论

相关推荐 更多相似问题