Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

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

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

<script type="text/javascript" src="http://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

AltStyle によって変換されたページ (->オリジナル) /