javascript - 淘宝移动端对viewport是怎么做处理的?

 惰堂_301 发布于 2022-11-19 10:34

http://m.taobao.com 淘宝移动端这里为什么只对苹果的产品做了特殊处理?还有针对不同的window.devicePixelRatio,加载了不同的CSS(比如devicePixelRatio=2时,字体大小为30px;devicePixelRatio=1时,字体大小为15px),是怎么实现的?

var c = window.devicePixelRatio;
 
       if (!navigator.userAgent.match(/iPad|iPhone|iPod/i)) {
            c = 1
        }
        var b = 1 / c;
        document.write('');
2 个回答
  • 可以看看这篇文章,对淘宝这个兼容有比较详细的讲解!
    使用Flexible实现手淘H5页面的终端适配

    2022-11-19 12:22 回答
  • 使用的应该是淘宝自行开发的lib.flexible

    项目中引入这个文件https://github.com/amfe/lib-flexible/blob/master/src%2Fflexible.js
    通过less定义@rem,比如@rem:32rem,以后用到的除了字体以外的尺寸单位都将其除以@rem就行了。当然,这是针对640px而言的。

    2022-11-19 12:22 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有