Skip to content

x-da/Rem.js

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

25 Commits
 
 
 
 
 
 

Repository files navigation

rem.js V1.0.1

demo地址:https://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都能字体大小平滑转换

#使用方法 在标签内引用:

<script type="text/javascript" src="https://freeui.org/demo/rem/js/rem.js" fu-psd="640"></script>

若设计稿不是640PX咋办?

1、将设计稿强制修改图像大小为640px,高度等比例缩放
2、修改源代码(或者传参)在闭包内传入psd_w参数,即为设计稿参数。

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published