html字体大小怎么设置

我对此很熟悉。
早年,当我刚开始使用网页时,我被HTML字体困扰了好几天。

我认为会在2 01 8 年左右。
当时,我的一个朋友正在建立一个小型网站,正在想办法如何使标题字体变大以及如何使文本更易于阅读。
一开始我很困惑。
我打开旧笔记本,翻阅那几页。
字体 字体大小和颜色都在那里,但不知道如何更改它们。

我上网查了一下,发现了很多令人惊讶的事情。
最后我发现只有两条路:他们确实有效。

一,正如你所说,X是一个数字; 1 是最小的,7 是最大的。
这是一个小字体这是一个大字体,我记得字体变大了。
不过这个现在用的比较少了,感觉有点过时了。

现在常用的还有一个,px,em,就是使用字体大小后跟rem等单位。
最简单的是px,像素。
例如,font-size: 1 4 px;、font-size: 1 8 px;,数字越大,字体越大。
当我编辑该朋友网站的文本时,我将其标题设置为 1 6 像素和 2 4 像素。
我觉得这是看起来最舒服的方式。
想想看如果你的font-size: 5 0px;如果使用网页上的文字就不会占主导地位。
根据场景而定。

哦,顺便说一句,还有一个。
我很少有这样的经历。
我认为它与父元素的字体大小成正比。
有点复杂,先不说。

总之,是老办法,字体大小:XXpx;现在它已成为主流。
如果你刚刚学习,请先尝试使用 px;它简单明了。
不要犯跳过内裤的错误。

好了,就这些了,希望对你有帮助。
如果你不明白,请问我。

html字体大小怎么调整

说实话,从我第一次学习网页设计开始,我就一直使用这种写法。
当时班上老师说1 到7 六个尺寸就够了,还举了个例子“这是一个伟大的天赋”。
但后来做项目的时候发现这种写法根本无法适应响应式项目,就改了一次源码屏。
印象最深的是,有一次我修改了网页信息,带有标签的页面在iPhone上根本看不到,客户立刻就很不高兴。

有趣的是 CSS font-size 是正确的选择。
例如,p{font-size: 1 .2 em;} 最常用于电子项目中。
当时客户特别挑剔,说在小屏幕上看产品说明很累。
我用了 @media (max-width: 7 6 8 px) { p { font-size: 1 em; } } 减小手机上的字体大小。
因此,此次推出是一个公正且非常坚决的决定。
这个设计后来甚至因为这种奇点而赢得了一个小评审团的认可。

但是我在团结问题上遇到了障碍。
我在做H5 活动页面时,使用了 h1 { font-size: 2 rem; } 使标题更大。
原来整个页面变形是因为某个组件的基础源是1 rem。
几天后,我使用计算器在清洗过程中更换了一张桌子。
我记得当时的浏览器兼容率大概是8 5 %左右,但是我建议你使用最新版本。
我很少使用百分比单位,但我记得使用旧的 font-size: 5 vw;在开发金融应用程序时。
他说,这样,在小面纱中,喷泉就不会太破碎,在大面纱中,它们也不会到达天空。
但这种写法最烦人的就是调试。
我的一个同事把spring改成了2 0vw,最后发现是浏览器缩放的问题,搞了好久。

其实现在大部分地方都在用,尤其是Tailwind这样的工具,直接写text-base和tex-lg就可以了。
当然,您还需要知道如何使用相关工具。
在最近的设计中,我将 Mac 用户的字体大小调整为 1 6 px,因为 Windows 上默认的 1 2 px 太亮。
我个人并没有在这方面运行Windows帐户,但我记得Mac用户的数量大约是3 0%,但这个数字可能有点极端。