移动端适配

移动Web适配利器-rem

真机设备像素与CSS像素:DPR

a table of two viewports - I

a table of two viewports - II

viewport-w3school

前端工程师需要明白的「像素」

huangtinghui-wiki

hotcss

移动端适配方案(一)

vw方案 20170821

yanhaijing - rem布局原理介绍

总结:rem方案和vw方案;responsive.js和hotcss类似,动态添加<meta>,设置<html>font-size,通过rem实现视觉上相对大小不变。

px2px 将像素手动匹配到像素,适用于字体在不同宽高屏幕的适配

px2rem 将设计稿给的像素对应到CSS代码里的rem,元素在不同宽高屏幕的适配

分享
0%