页面字体随窗口变化大小

最新推荐文章于 2024-02-28 18:12:37 发布

weixin_34208283

最新推荐文章于 2024-02-28 18:12:37 发布

阅读量1.4w

点赞数 1

文章标签：开发工具 javascript java ViewUI

原文链接：https://segmentfault.com/a/1190000017864639

版权

详细描述

遇到了一个手机页面字体不能定死的问题，页面会随着页面改变，而改变大小。
师弟遇到的问题，我也遇到过，我感觉这个东西可能还会有人遇到。

截图

分辨是1000px的字体大小和400px的字体大小，没有注意过的肯定不知道是怎么回事吧

代码

<!DOCTYPE html>
<html style="font-size:62.5%">
<head>
<meta charset="utf-8">

<title>001</title>
<style type="text/css">
/ 根据屏幕尺寸的放大缩小 div 没有反应 /
div{
display:flex;
justify-content:space-around;
width:20rem;
height:20rem;
color: blue;
padding-left: 1rem;
line-height: 4rem;
font-size: 200px;}

/ 根据屏幕尺寸的放大缩小 body 颜色切换 /
body {background-color:lightgreen;}
@media screen and (max-width: 300px) {
body {background-color:lightblue;}
}
</style>
</head>
<body>
<div>asdasdfasdf</div>
</body>
</html>

随便找了个以前的demo写出来的，可以看看到底是怎么回事，对新手友好的问题。

西安分院|荣耀师兄] JS-宜康