大屏适配方案汇总

确定页面容器的有效宽高以 1920 * 1080 的设计稿为例,当屏幕的宽高比: 等于 16:9 时,宽高都刚好占满屏幕 小于 16:9 时(说明设备较高),页面上下留白,左右占满并上下居中 大于 16:9 时(说明设备较宽),页面左右留白,上下占满并居中 始终保持页面宽高比例为 16:9 具体代码实现: 适配方案vw 方案原理:按照设计稿的尺寸,将 px 按比例计算转为 vw 和 vh...

发布于 学习笔记

(●'◡'●)ノ♥