拖拽平台-h5自适应渲染器设计

最新推荐文章于 2023-02-20 14:18:11 发布

槿畔

最新推荐文章于 2023-02-20 14:18:11 发布

阅读量239

点赞数

分类专栏： 0码平台文章标签： css3 前端 javascript

本文链接：https://blog.csdn.net/qq_40513881/article/details/122057552

版权

0码平台专栏收录该内容

5 篇文章 0 订阅

订阅专栏

仍然采用px单位，通过viewport实现同比例缩放的变化，至于iphonex不再支持，原则上需要的话从设计层考虑兼容，避免一套应用两套样式带来的优化瓶颈。

<meta name="viewport" id="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
<script>
    var w = document.documentElement.clientWidth || 375;
    var scale = w/375
    var viewport = "width=<%= work.width %>, initial-scale=" + scale + ", maximum-scale=" + scale + ", user-scalable=no";
    document.getElementById("viewport").setAttribute("content", viewport)
  </script>