移动端H5 不同设备 px表现不一致

最新推荐文章于 2024-08-27 14:32:45 发布

荒春non

最新推荐文章于 2024-08-27 14:32:45 发布

阅读量833

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/weixin_40577113/article/details/103145522

<!DOCTYPE html>
<html>

<head>
<style>
html,body{
    padding: 0;
    margin: 0;
}
</style>
</head>

<body>
    <div style="background: black;width: 375px;height: 100px;"></div>
</body>

</html>
<script type="text/javascript">
    window.onload = function () {
        let metaEl = document.createElement('meta');
        let scale = window.outerWidth / 375;
        metaEl.setAttribute('name', 'viewport');
        metaEl.setAttribute('content', 'initial-scale=' + scale + ', maximum-scale=' + scale + ', minimum-scale=' + scale + ', user-scalable=no');
        document.documentElement.firstElementChild.appendChild(metaEl);
    }
</script>