600字范文,内容丰富有趣,生活中的好帮手!
600字范文 > css字体适配rem 根据屏幕大小变换字体大小

css字体适配rem 根据屏幕大小变换字体大小

时间:2023-06-17 11:29:36

相关推荐

css字体适配rem 根据屏幕大小变换字体大小

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>css适配</title><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1, minimum-scale=1"><style type="text/css">body{margin: 0 ;padding: 0;font-size: 0.32rem;/*0.32*50px(320屏幕宽度下html是50px)是16px0.32*50px(414屏幕宽度下html是64.68px)是20px0.32*50px(768屏幕宽度下html是120px)是38px*/}div{width: 3.2rem;height: 3.2rem ;background: red;}</style><script type="text/javascript">document.documentElement.style.fontSize = document.documentElement.clientWidth / 640 * 100 + 'px';</script></head><body><div><span class="demo">测试</span></div></body><script src="/jquery/2.0.0/jquery.min.js"></script><script type="text/javascript">$(function(){var font=$(".demo").css('font-size'); console.log("字体大小:",font);});</script></html>

转载地址:/dannyxie/p/6640903.html

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。