niceapp-response-h5 v1.0.1

#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变量，监听时会返回一次当前配置