qq_42580643的博客

原创 rem css 等比例缩放方案

记录一种rem的使用方式 这是一种rem的css等比例缩放解决方案 一般情况下，UI设计师最少会出一套基于375px的移动端设计图。因此只要在开发过程中专注375px的设计图样式，基于此方案就可以兼容其他屏幕宽度。如果有多套设计图，可使用媒体查询搭配rem进行开发。 html{ font-size: 4vw; } .test{ //计算公式：1rem = 375 / 100 * 4 = 15px width: 1rem;//这里的宽度width在iphone6上就是15px，在iphone5上就是1