这是在1080比例下的页面容器组成

标准比例页面容器

1.基础响应式化,使用%

2.使用rem

以上的方法适用于页面排版不固定,不会因为宽高比变化打乱排版

如果页面各个模块都已经有了固定排版,使用百分比会打乱排版顺序,这是就需要牺牲部分宽高比下的页面基础

3.使用transform来进行等比缩放

保持页面中的内容排版不变化,根据窗口高度变换大小

最后更新: 2021年12月03日 14:40