例子,字体适配不同屏幕大小
作者:程序员11 时间:2021-12-31 人气:547 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也是自己定义的,自己可以自从修改
温馨提示:
欢迎阅读本文章,觉得有用就多来支持一下,没有能帮到您,还有很多文章,希望有一天能帮到您。
- 上一篇:字体适配不同屏幕大小
- 下一篇:物流页面css,html
HTML5-热门文章
活跃用户












