我学到的一个CSS规则是你应该使用相对"em"字体大小的单位而不是绝对的"pt".一般的想法是将body标签中的font-size设置为例如"94%",然后将所有其他元素设置为这样的"em"大小.理由是:
然后,您可以通过在一个点修改正文的字体大小来更改站点上所有字体大小的相对大小
用户自己可以修改字体的大小,因为它们是在"em"中定义的
然而,当使用"em"而不是"pt"时,我经常遇到如下问题,其中具有font-size的元素被嵌入到具有font-size的另一个元素中并因此变得很小(在一个词汇单词下面的情况下是.8的.8和另一个是1.2的.8).
This is an egregious test.
当然,在非常简单,直接的HTML网站中,这没有问题,但在现实世界中,您可能甚至没有制作导入的样式表,并且在其他控件中嵌入了控件的动态网站,所有这些都可能输出HTML在线样式,我发现有"em"单位字体大小的网站有时无法维护,控制字体大小的方法是将所有内容转换为硬"px"大小.
另外,我刚检查了四个主浏览器,每个浏览器都有热键,可以增加和减少"pt"样式字体的大小.
所以这是我的问题:
我有什么理由要用"em"代替"pt"吗?
是否有使用"em"大小的技巧,以便我不遇到上面的嵌入式字体大小问题?
Pete OHanlon.. 11
根据您居住的国家/地区,您实际上最终可能会使用pt而不是em来违反法律,这取决于您的立法机构想要执行规则的难度.在英国,有一项残疾歧视法案,该法案已用于针对其网站以固定字体呈现的公司.这被视为歧视,因为它可能会增加浏览器字体大小以补偿部分位置,但您的网站仍然会以您设置的大小呈现字体,而不是他们期望的大小.
是的,掌握相对字体大小和流畅的布局更难,但如果你想遵守法规,你必须花时间来掌握这个.
对于英国的地方政府工作,已设定目标以确保网站遵循Double A指南,其中一个指出"在标记语言属性值和样式表属性值中使用相对而非绝对单位".看到这里.
根据您居住的国家/地区,您实际上最终可能会使用pt而不是em来违反法律,这取决于您的立法机构想要执行规则的难度.在英国,有一项残疾歧视法案,该法案已用于针对其网站以固定字体呈现的公司.这被视为歧视,因为它可能会增加浏览器字体大小以补偿部分位置,但您的网站仍然会以您设置的大小呈现字体,而不是他们期望的大小.
是的,掌握相对字体大小和流畅的布局更难,但如果你想遵守法规,你必须花时间来掌握这个.
对于英国的地方政府工作,已设定目标以确保网站遵循Double A指南,其中一个指出"在标记语言属性值和样式表属性值中使用相对而非绝对单位".看到这里.