了解网页上的相对与绝对字体大小

2019-06-21 03:14:58 来源:网站建设(深圳网站建设)

斗牛牛我们最近介绍了一些在网页上修复异常小或大文本的方法,包括使用缩放功能,删除cookie和管理系统字体。除了这些修复或调整网页上的字体问题的方法之外,另外要记住的是Safari和其他浏览器如何管理网页的默认字体设置。虽然大多数网站都会设置特定的字体(例如Arial)或格鲁吉亚而不是时代),网站可以通过两种方式处理字体大小:相对和绝对,并且在页面上的不同位置使用这些方法将决定如何为页面计算字体和字体大小。在HTML中页面由各个部分组成,这些部分由单独的“标签”定义。例如,有一个主要的标签定义了整个HTML文档,其中有一个标签,用于保存页面上看到的大部分内容。在BODY标签内可以有许多用于组织页面内容的其他标签,例如“divisions”的
标签,段落的

标签,

    标签。在许多情况下,这些标签是嵌套的,因此页面可以有一个包含几个段落的表格,或者可能是一个段落包含一个列表。这是HTML的便利,允许快速格式化页面.Inherited styles HTML中的每个标记都有一个与之关联的样式集,其默认属性是从其父标记继承的。因此,没有特殊样式属性的基本HTML页面将在Times 16-point中显示文本的原因是这些字体属性从浏览器的首选项传递到主HTML标签,并从那里传递到body标签,然后通过可能在页面上的各种嵌套段落,表格和列表标签。在这个继承样式树的任何一点,开发人员可以对标签的样式进行绝对或相对调整,从而改变所有嵌套标签的属性。在字体大小方面,开发人员可以设置绝对字体样式,例如“Helvetica 12pt”以在特定标签中使用,或者开发人员可以使用相对字体大小,例如“Helvetica 75%”。使用相对方法,浏览器将使用继承的字体大小而不是将字体设置为设置大小,并将显示的字体大拼三张小设置为该字体大小的75%。在这种情况下,如果我们将默认的“Times 16pt”设置传递给已将字体定义为“Helvetica 75%”的标签,则最终计算的字体大小将为“Helvetica 12pt”。这通常是字体大小如何确定网页,并且如果您更改Safari的外观首选项而某些网页可能显示不同的字体大小,而其他网页则不会。例如,在CNET网站上的许多页面上,12点字体的计算方式是默认字体的75%,而继承树中的字体大小设置为绝对大小。相比之下,其他网站可能采取设置绝对字体大小的方法,例如直接定义12点大小。总体而言,这不会产生太大影响,缩放等字体调整方法仍然有效;但是,在页面上具有相对字体大小将允许通过更改浏览器的默认字体来调整整个页面的字体。传播或错误?使用绝对或相对方法来定义页面上的字体属性取决于开发商。从技术上讲,如果开发人员使用绝对字体定义,那么怪癖的可能性就会减少,但具有相对的字体定义可以使管理网站样式变得更加容易。遗憾的是,没有简单的方法可以确定网站是用相对字体还是绝对字体大小编码,但是你可以使用Safari的“检查器”功能查看页面上特定标记的样式属性,并按照每个设置的继承来查看字体大小是绝对的还是相对的。但是,虽然方便,但检查员可能会对不熟悉HTML和CSS样式的人感到困惑。因此,确定站点字体是否相对于默认字体设置的最简单方法是调整Safari首选项中的默认字体,并查看是否更改页面上的任何内容(您可能必须清除浏览器缓存并重新加载页面要使更改生效)。故障排除这在故障排除方面的意义基本上超出了标准内容大小调整,如特定于站点的cookie设置和Safari的“缩放”功能,某些网页可能会根据页面继承字体大小属性。因此,如果您调整浏览器的默认字体,某些页面将反映更改,而其他页面则不会。如果由于某种原因网页字体大小显示不正确或难以辨认,那么除了使用缩放功能,删除cookie以及可能的故障排除之外,还有一种可能性。斗地主
PREV   NEXT