2

这可能真的很挑剔,但是 QA 人员向我指出,在 IE 中使用 Verdana 时子项目符号很小:http: //jsbin.com/IQEmEq/2

第一个列表使用默认浏览器样式,第二个列表使用 Verdana。请注意,第一个列表中的子项目符号具有正常大小,即它与列表中的其他项目符号大小相同。但在第二个列表中,子项目符号比其他项目符号小。

无论字体如何,Chrome 和 Firefox 似乎都将所有项目符号呈现为相同大小,但 IE 出于某种原因却没有。

我怎样才能解决这个问题?

4

2 回答 2

3

这似乎是他们在 IE 9 中引入的东西:项目符号可能取决于字体。据我所见,两个列表中的子项目符号大小相同,但在 Verdana 列表中,它们看起来更小,部分原因是主项目符号很大,部分原因是 Verdana 测试很大。

我猜微软认为这是对某事的“修复”。似乎他们使用 U+25E6 WHITE BULLET 作为默认的辅助子弹,而且在 Verdana 中它非常小(与其他角色相比)。以前,我想,IE 使用从特定字体中提取的项目符号,无论 CSS 中设置了什么。

所以从某种意义上说,这是 Verdana 字体的设计缺陷。

获得所需列表项目符号的一种方法(尽管不是最优雅的方法)是将它们包含到文档内容中,而不使用ul标记。如果您想在 Verdana 中获得更大的圆圈,则可以使用基本子弹•和辅助子弹(环) 。∘(U+2218 是 RING OPERATOR,所以这是一个有点不合逻辑的选择。)

于 2013-09-30T17:35:13.450 回答
1

事实上,他们已经在 IE8 中引入了这种行为。对我来说恰恰相反:当 LI 的字体是 Arial 时,项目符号更小,甚至是矩形,而 Verdana 则为常规大小。如果您想修复许多文档中的列表,您可以使用 css 或 javascript 在页面加载时修复列表。

于 2014-02-22T17:27:28.873 回答