首页 > 移动平台 > 详细

移动端页面利用好viewport,适配各种宽度屏幕

时间:2018-04-08 15:01:42      阅读:187      评论:0      收藏:0      [点我收藏+]

最近研究微贷网的移动端代码,发现他们网站在适配不同宽度屏幕的显示情况时,发现他们并不是利用rem单位,而是利用js动态设置mete的viewport来达到适配的效果。

感觉挺不错的,也不需要计算什么东西,单位继续用px.代码分享下:

// 计算缩放比例
    (function () {
      var phoneScale = parseInt(window.screen.width) / 375;
      document.write(‘<meta name="viewport" content="width=375, minimum-scale=‘ + phoneScale + ‘, maximum-scale=‘ + phoneScale + ‘, user-scalable=no">‘);
    })();

 

移动端页面利用好viewport,适配各种宽度屏幕

原文:https://www.cnblogs.com/LChenglong/p/8744803.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!