javascript - 水电费挂号费共和国方?
伊谢尔伦
伊谢尔伦 2017-04-11 12:19:45
[JavaScript讨论组]

古典风格2456规划法规回复

伊谢尔伦
伊谢尔伦

小伙看你根骨奇佳,潜力无限,来学PHP伐。

全部回复(4)
PHPz

html{

font-size:calc(100vw/7.5);

}

这样就不用js了 REM肯定要用的

怪我咯

背景图,配合background-size

如果不想写一行js又想适配估计只能利用图片的给定宽度,能等比例缩放的这个特点了

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        *{
            margin: 0;
            padding: 0;
        }
    </style>
</head>
<body>
<p style="margin:0 auto;position:relative;width:90%;">
    <img src="https://h0.hucdn.com/open/201709/b7e78a8292ef84c8_750x301.png" style="display:block;width:100%">
    <p style="position: absolute;width: 10%;background: red;top: 10%;left:10%">111122</p>
    <!-- 其他元素都用绝对定位 -->
</p>
</body>
</html>

帮你测试过了,等比例适配的

建议还是使用淘宝的rem适配方案,这一套简单,而且也算是行业标准了

迷茫

用 vw 单位。

阿神
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui">

name="viewport"
Though not standardized, this attribute is used by different mobile browsers like Safari Mobile, Firefox for Mobile or Opera Mobile.

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号