- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在尝试研究如何在我的最新元素中使用 EM 媒体查询。然而,经过一些测试后,我发现媒体查询稍微有点偏离,我无法弄清楚原因。使用 parent 的字体大小而不是正文可能与它有关。我的 body 设置为 14px
,我的工作结果如下:
$break-small: 22.8571em; //320px
$break-smallish: 40em; //560px
$break-med: 54.8571em; //768px
$break-medish: 68.5714em; //960px
$break-desk: 73.1428em; //1024px
正文字体大小:
body{
font-size: 14px;
line-height: 1.5;
min-height: 100%;
}
*(来 self 的 SCSS 断点变量)据我所知,我做了:768/14(基本字体大小)= em 的宽度
假设我有一个名为 header 的 div
,在这个 div
上没有设置 font-size
,只有这个 分区
。当然它仍然会使用 body font-size
吗?
最佳答案
媒体查询中的 Ems 永远不会基于 body
的字体大小,或与此相关的任何其他元素。它们总是引用用户在浏览器首选项中设置的默认字体大小。在大多数浏览器中,此默认字体大小约为 16px,在 CSS 中,这对应于 font-size
属性的初始值,即 medium
。来自spec :
Relative units in media queries are based on the initial value, which means that units are never based on results of declarations. For example, in HTML, the ‘em’ unit is relative to the initial value of ‘font-size’.
同样的默认字体大小由根元素继承,即 html
,不是 body
(参见 here )。在 body
上指定相对字体大小意味着 body
将其自己的计算基于 html
的计算字体大小。话虽如此,请注意,在 html
上设置 font-size
也不会影响媒体查询中 em 的计算方式。
关于css - 如何制定基于 EM 的媒体查询,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53761895/
我需要帮助制定 SQL 语句。这些表是 视频(video_id,描述,价格,category_id) 类别(category_id,描述) 查询需要生成一个摘要列表,显示属于每个类别的视频数量。未分配
我正在 Angular 1.5 中构建一个应用程序,并且我自己完成所有 CSS 等工作。到目前为止,我一直在通过在所有 html 模板中包含以下代码来处理错误和成功消息 然后我在处理错误/成
这是我在检查器上看到的: 两个规则中有一个左高亮,这是 Firefox 正在编写的规则,如果我查看计算样式,我会看到: 最后这是原始 CSS 的样子: 所以 Firefox 正在以某种方式改变位置和宽
我有两个系统 A 和 B。A 是 TCP Client,向 B 上的 TCP Server 发送消息。 ------------------ --------------
我是安卓新手。我想从 MainActivity.class 接收整数和字符串,并将其打印在 DisplayMessageActivity.class 中。从我在网上找到的所有解决方案中,他们说我应该使
我请求帮助了解如何使用 javax.persistence.criteria 包制定“in”条件。 我正在根据 Contacts 类的搜索条件创建 CriteriaQuery。一个联系人可以属于 0
我正在使用具有浮点坐标的 3D 向量进行计算。有时,我想检查一个向量是否非零。但是,对于 float ,总是有可能出现舍入错误。 Python 中是否有一种标准方法来检查 float 是否足够接近于零
这是一个愚蠢的问题,但我试图通过 Google、代码片段、教程来解决这个问题,所有这些都引导我找到一些示例,其中模型对于我想要执行的编码来说太浅了。 我想开发一个应用程序,其中数据采用 parent
我是一名优秀的程序员,十分优秀!