Question

html怎么解决窗口改变元素错乱的问题？

窗口改变元素全乱套了，如何让它在窗口改变的时候元素不错乱

Answer 1

可以使用多种布局方法。
1. 使用rem单位，窗口改变时，js修改顶层像素尺寸。
2. js整体缩放窗口，动态改变transform的scale值。
3. 使用css媒体查询，动态更改字体大小，配合grid、table或flex布局。
4. js动态更改meta的设备缩放值。
5. 使用百分比单位，按照窗口百分比缩放。
6. js动态改变所有尺寸单位。
完美的方案都需要js配合。

Answer 2

可以用css的display: flex盒布局实现，每次更改页面大小时会自动调整分割盒子的大小，其次还有media媒体查询，可以对某些宽高进行ui重排版，还可以对某个设备中的某个宽高进行排版，再其次就是用JavaScript的widnow.onresize窗口大小改变事件函数实现，在改变宽高的时候改变css

注：用JavaScript虽然很灵活，但是用起来也很麻烦，还不如用media媒体查询

再其次就是一栏布局，一栏布局是最简单的流布局，但也不太美观（指在大屏设备上，如果是小屏设备就是推荐的方案了），css中还有个display:box，该属性是很早前浏览器支持的功能与display:flex类似的属性，现在使用需要加前缀才能完全兼容，望采纳。

Answer 3

这个需要做好页面自适应的，各种分辨率的屏幕给不同的样式。多去了解下盒子模型、栅格布局等原理。

Answer 4

父元素定义为固定像素宽度 或者给不同屏幕写不同的css布局样式

Answer 5

关于题主的问题不做过多累述，建议去自学栅格布局，看明白了这个问题就解决了。正所谓授人以鱼不如授人以渔，希望能帮到你。