niceapp-response-h5
v1.0.1
Published
响应式h5,移动端优先
Downloads
3
Readme
#niceapp-response-h5
响应式h5,移动端优先
使用方法
在head
标签内合适的地方引入脚本
<script
src="response.js"
rem="24"
best="375"
radio="0.618"
></script>
** 属性说明 **
rem
页面的rem宽度,此宽度为100vw的宽度best
最佳显示宽度,在pc上超过此宽度会缩放到此宽度radio
最佳显示宽高比,如设计稿为640*1008,则最佳比例为640/1008
全局变量
此属性会暴露一个全局变量H5
,可以随时通过全局变量获取页面状态
- rem 当前rem值
- isMobile 是否为 mobile
- isLandscape 是否为横屏,移动端才会判断
- isLoaded 页面是否已经加载
- width 应用区域宽度(body宽度)
- height 应用区域高度(body高度)
- pageWidth 页面高度(视窗宽度)
- pageHeight 页面高度(视窗高度)
- rootSize html根节点尺寸
- resize 手动触发resize
- onResize(fn) 可以设置onResize 回调,触发resize时会调用,参数为H5变量,监听时会返回一次当前配置