html字体大小如何设置

老实说,我认为在设置 HTML 字体大小时使用 px 总是最简单的(但也最容易被欺骗)。
当我刚进入这个行业时,我用2 4 px写标题,我记得差点被客户骂,因为那只是老式笔记本上的两个大字。
后来我意识到我需要考虑设备分辨率或者干脆使用它。

有趣的是,我经常在列表中使用继承。
例如,如果你想创建一个多级导航,顶层为1 6 px,你可以直接继承第二级导航,而无需重写它,给你一种直观的层次感。
但是,请注意:如果父级未指定尺寸,则默认为中号,这可能会导致混乱。
我在做一个项目的时候就因为这个陷入了陷阱,花了两个小时才把它搞对。

我基本上不使用默认关键字“中”和“大”。
为什么?因为它太不准确了。
当你需要精确到1 4 px或1 5 px时,这些关键字是不够的。
但是,用作标题等辅助字符时除外。
如果你使用small或者x-small,浏览器会更合理地处理这个问题。

我认为任何小的或大的东西都是毫无用处的。
父元素为1 6 px,子元素更大。
它显示为 1 8 px 还是 2 0px?这一切都取决于浏览器的实现并且是不可预测的。
我曾经尝试使用更大的尺寸进行响应式设计,但 iOS Safari 中的缩放效果并不完全符合我的预期,所以我最终又回到了百分比。

比例非常直观。
父元素为2 0px,子元素为1 2 0%。
也就是说,2 4 px,不多也不少。
常用于主题切换。
深色模式将字体大小缩小了 8 0%,视觉效果更加美观。
但是,请记住,百分比是相对于父元素的内容区域,而不是视口,因此这可能会令人困惑。

现在我的习惯是将它们混合起来。
使用 px 修改标题等关键元素。
使用继承来建立层次关系。
使用百分比进行主题转换。
有时,当我需要动态更改时,我会使用较小/较大的值。
无论如何,没有什么灵丹妙药,需要根据具体情况而定。

怎么让html字体变大?

记得上次帮邻居老王修电脑时,他让我把网页的字体调大。
他的眼神有些模糊。
我使用 div 方便地添加了 style="font-size: 2 4 px" 。
老王见状,顿时心里舒服了。
这件事让我想起了两种调整字体大小的方法。

方法一、老式字体标记。
我在办公室的 XP 计算机上尝试了此操作,并编写了

Larger Words

,但浏览器显示的字体看起来像报纸标题。
然而,这种方法实际上已不再使用。
我记得最后一次使用它是在 2 01 2 年左右,当时我正在为客户构建一个旧网站。

方法2 ,我现在正在使用。
我在杭州某写字楼的公司电脑上把

放大了

,客户立马表扬了我。
在2 02 3 年8 月的会议上,我在投影仪网页中添加了这种样式,这比直接使用尺寸属性有效得多。

等等,还有别的事。
当我在苏州帮助人们创建电子商务页面时,使用尺寸属性的页面在IE中会变形。
后来我改用CSS来解决这个问题。
经过三个小时的调试,最终确定是浏览器兼容性问题。
Chrome 不再支持此功能,但那些旧浏览器用户仍在使用它...
这两种方法您更喜欢哪一种?

怎么让html字体变大?

使用浏览器自带的百分比选项来调整字体大小。
单击右下角的箭头并选择 2 00% 将字体大小加倍。