ddddd

例子,字体适配不同屏幕大小

作者:程序员11 时间:2021-12-31 人气:510 QQ交流群\邮箱:1003265987@qq.com
例子,字体适配不同屏幕大小
要展示的内容
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1,maximum-scale=1, minimum-scale=1">
<script type="text/javascript">
document.documentElement.style.fontSize = document.documentElement.clientWidth / 1500*10 + 'px';
window.onresize = function(){
document.documentElement.style.fontSize = document.documentElement.clientWidth / 1500*10 + 'px';
}
  
 </script>
</head>
<body>

<h1 style="font-size:3rem">ddddddd</h1>
</body>
</html>

注意:这个例子,里面的1500是自己定义的,10也是自己定义的,自己可以自从修改

温馨提示:

欢迎阅读本文章,觉得有用就多来支持一下,没有能帮到您,还有很多文章,希望有一天能帮到您。

例子,字体适配不同屏幕大小---相关文章


评论区

ddddd

程序员-学习的网站-想学习编程的码农可以进来看看

首页

视频教程

购物车

我的订单