首页 > 手机js特效 > 手机移动端页面满屏自适应方案rem js特效下载

手机移动端页面满屏自适应方案rem js特效下载

上一篇 下一篇
rem.js
移动端页面满屏自适应方案(采用rem作为单位,设计稿为750 * 1334)
 
修改自阿里的lib-flexible,与lib-flexible相比,删除了dpr,保留rem
满屏自适应,要求设计稿为750 * 1334
单位换算为1rem = 50px
使用方法
第一种:
<head>
    <script src="rem.min.js"></script>
</head>
第二种:
<head>
    <script>function refreshRem(){var e=docEl.getBoundingClientRect().width,t=docEl.getBoundingClientRect().height;if(e/t>750/1334)var i=t/26.68;else var i=e/15;docEl.style.fontSize=i+"px"}var win=window,doc=win.document,docEl=doc.documentElement,tid;win.addEventListener("resize",function(){clearTimeout(tid),tid=setTimeout(refreshRem,300)},!1),win.addEventListener("pageshow",function(e){e.persisted&&(clearTimeout(tid),tid=setTimeout(refreshRem,300))},!1),refreshRem();</script>
</head>
推荐使用第二种内联方法

模板简介:该模板名称为【手机移动端页面满屏自适应方案rem js特效下载】,大小是,文档格式为.,推荐使用打开,作品中的图片,文字等数据均可修改,图片请在作品中选中图片替换即可,文字修改直接点击文字修改即可,您也可以新增或修改作品中的内容,该模板来自用户分享,如有侵权行为请联系网站客服处理。欢迎来懒人模板【手机js特效】栏目查找您需要的精美模板。

  • 下载密码 lanrenmb
  • 下载次数 15,864次
  • 使用软件
  • 文件格式
  • 文件大小
  • 上传时间 11-07
  • 作者 网友投稿
  • 肖像权 人物画像及字体仅供参考
栏目分类 更多 >
  • 焦点图
  • 导航菜单
  • 悬浮漂浮
  • tab标签
  • 前端框架
  • 热门推荐 更多 >
    微信图片 微信文章 微信素材 响应式 微信模板 单页式简历模板 自适应 微信公众平台 html5 企业网站
    您可能会喜欢的其他模板