demo地址:http://freeui.org/demo/rem/
移动端rem字体差点完美解决方案。
设计稿与尺寸平滑转换。
几乎兼容所有移动设备。
一、可加参数
1、fu-psd:设计稿宽度(默认值640)
2、fu-min:html根元素最小字体大小(默认值50)
3、fu-max:html根元素最大字体大小(默认值100)
4、fu-full:是否强制充满屏幕(默认undefined)
二、设计稿与CSS尺寸平滑转换
设计稿中的10px换算成CSS的0.1rem。
三、横竖屏字体大小不变,采取最佳字体大小
使横屏页面看起来不会感觉太大,无法使用。(但给与fu-full属性时,该条则失效)
四、解决变态强迫症
在chrome手机模拟器中切换手机或PC都能字体大小平滑转换
#使用方法
在标签内引用:
1、将设计稿强制修改图像大小为640px,高度等比例缩放
2、修改源代码(或者传参)在闭包内传入psd_w参数,即为设计稿参数。