十年匠心定制 · 商业建站与技术教学双线并行 咨询热线:400-886-1026 service@lmnt.cn
ARTICLE DETAIL

资讯详情

深耕网站建设与运营推广的一线实战洞察。

rem /em/vw /vh/px 单位区别与选型

rem /em/vw /vh/px 单位区别与选型 1. px 像素绝对单位固定不变适合边框、小图标、固定尺寸。2. em 相对父级字体相对于父元素 font-size嵌套容易叠加混乱不推荐用于整体适配。3. rem 相对根字体相对于 html 根字体大小移动端主流适配方案全局统一、可控。4. vw / vh 视口单位vw视口宽度 1%100vw 全屏宽vh视口高度 1%100vh 全屏高优势无需JS、纯CSS适配现代项目首选。5. 选型总结固定尺寸px移动端适配rem / vw全屏比例布局vw/vh
返回列表