天天看点

css-rem布局

全适配,手机与平板与电脑,使用同一个布局

css-rem布局
css-rem布局

比较

css-rem布局

em单位是相对于自身的文字大小为单位的,有最小的识别字体,12象素

把宽高,设置为em单位

rem参照html标签的style中font-size

css-rem布局

明确em与rem的功效

如果html中style中font-size的大小变化,其它以rem定义的尺寸都会变化

例子

css-rem布局

用手机看

css-rem布局

宽度是适配的

拉长拉短屏幕,高度都不变

期望高度与宽度同时变化

解决,把高度设置为rem

设置一个

css-rem布局

导入JS,让JS动态的设置html中fontsize的大小

https://cloud.189.cn/t/rIfqYbb6nqIf (set_root)

css-rem布局
css-rem布局