当前位置: 首页 > 面试题库 >

每个浏览器的默认字体大小是否均为16px?为什么?

丁安宜
2023-03-14
问题内容

CSS3定义了新的长度单位font-size叫做rem。这使我们能够计算font-size与根元素(html元素)相关的元素。

为了font-size更轻松地进行计算,我们通常假设根元素font-size16px,因此CSS通常如下所示:

html { font-size:62.5%; } // 10px = 16px * 0.625

因此,每个元素高度与rem都相对于10px,例如

p{ font-size : 1.4rem ;} // 14px = 10px * 1.4

我找不到为什么我们假设可以乘以16px?我们如何才能相信每个浏览器都具有相同的基本值16px?是否有关于预定义的标准描述16px


问题答案:

该基准font-size由用户在浏览器中预定义的首选项确定。

在几乎所有浏览器中,16px是比例字体的标准。这也可以根据字体是使用衬线还是固定宽度的字体而改变。

请记住,使用em需要父母font-size,并且与其成正比,而rem使用html根元素

例如:

html {

  font-size: 16px;

}

h1 {

  font-size: 2em; // 32px

}

p {

  font-size: 1em; // 16px

}

.someClass {

  font-size: .75em; // 12px

}

.someClass p {

  font-size: 2em; // 24px

}

.someClass p .test {

  font-size: 1.25rem; // 20px

}


<html>

<h1>2em Title Text</h1>

<p>Normal Element Text</p>

<div class="someClass">

  someClass font size

  <p>SomeClass with em</p>

  <p><span class="test">someClass p element with class test</span>

  </p>

</div>



</html>


 类似资料:
  • 许多事件会自动触发浏览器执行某些行为。 例如: 点击一个链接 —— 触发导航(navigation)到该 URL。 点击表单的提交按钮 —— 触发提交到服务器的行为。 在文本上按下鼠标按钮并移动 —— 选中文本。 如果我们使用 JavaScript 处理一个事件,那么我们通常不希望发生相应的浏览器行为。而是想要实现其他行为进行替代。 阻止浏览器行为 有两种方式来告诉浏览器我们不希望它执行默认行为:

  • 本文向大家介绍浏览器的默认字体大小是多少?怎么设计它的基准?相关面试题,主要包含被问及浏览器的默认字体大小是多少?怎么设计它的基准?时的应答技巧和注意事项,需要的朋友参考一下 多数浏览器的默认字体大小均为。可设置的改变字体大小。 也可设置,使得来约定字体大小。 对于IE浏览器的字体计算浮点数并不精确,因此可设置为。

  • 问题内容: 因此,关于使用Capybara和RSpec进行集成测试,我知道我可以这样做: 如何设置浏览器窗口大小的Rspec的(selenium)为特定的RSpec的测试,但有没有办法做到这一点在全球范围使每一个被媒体查询测试的影响没有定义呢? 问题答案: 您可以在下定义

  • 问题内容: 限制Java JVM上Permgen空间大小的目的是什么?为什么不总是将其设置为等于最大堆大小?Java为什么默认为这么少的64MB?他们是否正在试图通过这种方式迫使人们注意代码中的Permgen问题? 如果我的应用使用85MB的permgen,那么将其设置为96MB可能是安全的,但是如果它只是主堆的一部分,为什么还要设置得如此之小呢?允许JVM使用堆允许的PermGen效率不高吗?

  • 我正在使用iTextSharp创建一个新的pdf文件。pdf将包含一个标题和一个pdf表格。生成的pdf文件的文件大小应该尽可能小,所以我使用默认字体(Helvetica,12pt)。有没有办法将默认字体大小从12pt更改为8pt。 我知道我可以为每个pdf表格单元格设置字体。 但是是否可以为整个文档/表格设置默认字体大小,这样我就不需要为每个表格单元格额外设置字体了? (我在谷歌上搜索了这个话题

  • 问题内容: 我正在尝试整理我的第一个数据驱动测试框架,该框架通过Selenium Grid / WebDriver在多个浏览器上运行测试。现在,我在自己的类中拥有每个测试用例,并且对浏览器进行了参数设置,因此它在每个浏览器中都运行一次每个测试用例。 在大型测试框架上常见吗?还是应该将每个测试用例复制并微调到其各自类中的每个浏览器?因此,如果我正在测试chrome,firefox和IE,是否应该为每