【问题标题】:What is the default font-size in IE9?IE9 的默认字体大小是多少?
【发布时间】:2013-08-28 07:48:14
【问题描述】:

我查看了this website 以了解 IE 9 使用的默认样式。正文选择器如下所示

body {
  display: block;
  margin: 8px;
  zoom: 1;
} 

我猜想这里应该指定字体大小,但事实并非如此。 那么 IE 9 使用的默认字体大小是多少?

【问题讨论】:

  • 我认为桌面浏览器历来使用 16px 作为其基本字体大小。我实际上不知道 IE 9 是否使用它,尽管我想它确实如此,因为在我的网站上,我在 ems 中定义了所有字体,所以它们是相对于基本字体大小的,我没有注意到 IE 9 呈现它们尺寸与其他浏览器不同。
  • 那么这个基本字体大小是否以某种方式内置到浏览器中,因为在 IE 的默认 CSS 中没有指定默认基本字体大小?
  • @user2658578 是的,可能。
  • @user2658578:是的。文档开头必须有一个基本字体大小,因为在 CSS 中,所有 HTML 元素(包括<html>)都可以在 ems 中设置它们的字体大小,这使得它们的实际大小相对于它们的父元素。由于<html> 元素没有父元素,因此必须有一定的大小才能让其他所有内容都相对。

标签: html css internet-explorer internet-explorer-9


【解决方案1】:

在 IE 中,默认字体大小由用户通过 View > Text Size 设置。我认为“中”,即“默认默认值”,是 16px。

其他浏览器也有类似的浏览器内设置,但在除 IE 之外的大多数浏览器中,它都隐藏在选项菜单的深处。

我鼓励您将所有字体大小设为相对大小。这样,视力不佳的用户可以增加字体大小,一切都应该按比例增加。或者拥有高分辨率屏幕并希望在其上塞入尽可能多的文本的用户可以减小字体大小。

请注意,如果您使用相对字体大小,您可能必须将屏幕上其他内容的大小设置为 em 而不是 px,或者使用其他技术使它们的大小适合文本,因为此时您不知道文字大小是多少。当然,使用固定字体大小布置屏幕更容易。

我个人经常诅咒那些设置了比我的显示器更宽的固定屏幕宽度的人,所以现在我必须来回滚动才能阅读。比如,他们假设仅仅因为他们将显示器设置为 2,000 像素宽,世界上的其他人都会这样做或应该这样做?

【讨论】:

    【解决方案2】:

    默认字体大小应该是您设置的大小。 如果您没有设置默认字体大小,Web 浏览器将显示用户的默认设置,这意味着无法回答此问题的答案。 IE、Mozilla、Opera、Crome、Safari的设置都不一样。

    永远不要相信来自用户的信息,自己设置设置。

    【讨论】:

    • ... 如果用户有视力障碍并且无法按照您设置的大小阅读文本,请对他们采取严厉措施,因为无论如何谁在乎半盲人。 :-)
    【解决方案3】:

    IE 中的传统默认字体大小为 12pt (= 1pc)。尽管它以像素为单位的含义最初取决于 DPI 设置,但 IE 9 似乎始终应用 CSS3 对应关系,这使得 12pt 等于 16px。这反过来意味着 px 不一定对应于设备像素。

    【讨论】:

      【解决方案4】:

      em中的样式表中的每个元素上都设置了字体大小

      例如

      h3 {
          display: block;
          font-size: 1.17em;
          font-weight: bold;
          margin: 1em 0;
          page-break-after: avoid;
      }
      
      h4 {
          display: block;
          font-size: 1em;
          font-weight: bold;
          margin: 1.33em 0;
          page-break-after: avoid;
      }
      

      【讨论】:

      • p 元素呢?没有font-size 属性。
      • @Vector: 但em 是一个相对字体大小,因此您需要知道根元素的字体大小(绝对值)以计算出1.17emh3.
      • 这没有回答所提出的问题。
      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2011-03-22
      • 1970-01-01
      • 1970-01-01
      • 2011-01-08
      • 2010-12-07
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多