如何使div的位置随浏览器窗口缩放大小比例变化？

来源：蜘蛛抓取(WebSpider) 时间：2022-06-24 02:31 标签： div宽度根据窗口自适应html

如何做到缩放页面，div元素始终自适应浏览器窗口的高？

看不出你这段代码是在什么时候执行的。不过建议最好是放在window的onload事件里执行。1、不建议使用JS的方式来做这种自适应，毕竟HTML和CSS才是用来做布局的；只有在万不得已的情况下才会用JS来做布局处理。2、如果不考虑低端浏览器，像高度自适应的方式可以使用css flex布局来实现。此方案不兼容低端IE(11以下)浏览器；3、也可以使用body html

自适应使用百分比的宽度高度不要用绝对的宽度高度

打开App，查看更多内容

因为GoJS开启了可以拖动和缩放后，在窗口大小充足的情况下，默认不会进行自动居中对齐的，需求是在浏览器窗口缩小和最大化时，GoJS中的元素能居中对齐。

Diagram中可以设置contentAlignment内容对齐，但这个设置就导致元素将无法拖动，每次拖动后都将被GoJS自动居中对齐。

而initialContentAlignment则是在初始化时居中对齐，对于缩放后无法起到再次居中的效果

alignDocument方法可以手动设置与文档对齐方式，但如果只使用这个API缩放几次后还是会出现无法对齐的现象。

扫描下方二维码关注公众号和小程序↓↓↓

WEB页面实现等比例缩放自适应 - 通过 rem 和 vw 实现 一、rem 和 vw 简介 /libs/jquery2//libs/jquery2/（邮箱中#请改为@）进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容。

后台-系统设置-扩展变量-手机广告位-内容正文底部

我要回帖

更多关于 div宽度根据窗口自适应html 的文章

 

随机推荐