码迷,mamicode.com
首页 > 移动开发 > 详细

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

时间:2018-04-08 16:06:18      阅读:199      评论:0      收藏:0      [点我收藏+]

标签:style   UNC   屏幕   cal   var   body   适配   imu   动态   

最近研究微贷网的移动端代码,发现他们网站在适配不同宽度屏幕的显示情况时,发现他们并不是利用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,适配各种宽度屏幕

标签:style   UNC   屏幕   cal   var   body   适配   imu   动态   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!