扫码关注官方订阅号
古典风格2456规划法规回复
小伙看你根骨奇佳,潜力无限,来学PHP伐。
html{ font-size:calc(100vw/7.5); }
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.
name="viewport"
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
这样就不用js了 REM肯定要用的
背景图,配合background-size如果不想写一行js又想适配估计只能利用图片的给定宽度,能等比例缩放的这个特点了
帮你测试过了,等比例适配的
建议还是使用淘宝的rem适配方案,这一套简单,而且也算是行业标准了
用 vw 单位。
name="viewport"Though not standardized, this attribute is used by different mobile browsers like Safari Mobile, Firefox for Mobile or Opera Mobile.