文档章节

响应式设计中对margin,line-height怎么使用em?

重生之心动
 重生之心动
发布于 2014/01/10 14:00
字数 137
阅读 163
收藏 2

line-height,margin-top如果使用em的话,em的大小根据的是上文的字体的大小 还是上文的line-height的大小决定?

测试: body: line-height:20px; font-size:16px;

     1. header[role='banner'] p: line-height: 1em;  font-size: .9em;
     2. header[role='banner'] p: line-height: 20px;  font-size: .9em;
     3. header[role='banner'] p: line-height: 100%; font-size: .9em;
     4. header[role='banner'] p: line-height: 16px; font-size: .9em;

测试之后,发现 line-height: 1em = line-height: 100% ≠ line-height: 16px ≠ line-height: 20px 行高变化不是很大,但确实不同 这里的 1em , 100% 不是 16px 也不是 20px 是什么情况?

© 著作权归作者所有

共有 人打赏支持
重生之心动
粉丝 0
博文 15
码字总数 2797
作品 0
普陀
程序员
私信 提问
CSS注意事项(一)

层叠的概念 层叠规则重点:自上而下,相同属性:一般后面的覆盖前面的,优先级高的覆盖优先级低的 层叠是CSS的核心机制,理解了它才能以最经济的方式写出最容易改动的CSS, 让文档外观在达到...

ShirlyK
2016/08/27
11
0
工作一到三年的你,遇到能力上的“瓶颈”了么?

1.前言 在日常的工作当中,每一次接触一个新的业务方向的时候,我们经常会遇到这么一个烦恼。 就是我们已经将整个业务流程中所需要各种技术全部掌握了,但是当我们一次次的重复之前的工作,一...

mr_lp
2016/12/15
0
0
html开发弹性布局之em的用法解析!

什么是弹性布局? 用户的文字大小与弹性布局 用户的浏览器默认渲染的文字大小是“16px”,换句话说,Web页面中“body”的文字大小在用户浏览器下默认渲染是“16px”。当然,如果用户愿意他可...

代码小子的博客
2017/12/18
0
0
BAT前端面试-css问题集锦

display: none; 与 visibility: hidden; 的区别 相同: 它们都能让元素不可见 区别: display:none;会让元素完全从渲染树中消失,渲染的时候不占据任何空间;visibility: hidden;不会让元素从...

大灰狼的小绵羊哥哥
2018/11/28
0
0
综合指南: 何时使用 Em 与 Rem

Chinese (Simplified) (中文(简体)) translation by Hlkyle Chou (you can also view the original English article) 你可能已经很熟练使用这两个灵活的单位,但你可能不完全了解何时使用 ...

临江仙卜算子
2018/06/29
0
0

没有更多内容

加载失败,请刷新页面

加载更多

深入 理解char * ,char ** ,char a[ ] ,char *a[] 的区别

C语言中由于指针的灵活性,导致指针能代替数组使用,或者混合使用,这些导致了许多指针和数组的迷惑,因此,刻意再次深入探究了指针和数组这玩意儿,其他类型的数组比较简单,容易混淆的是字...

天王盖地虎626
29分钟前
3
0
关于我这三年的架构历程(待完成)

从16年7月实习至今,快三年的开发经历中,经手了好几个项目。目前有幸作为一个项目的负责人,完成了一个项目的完全架构设计。因此想记录下这份架构设计中的点点面面。 总架构: 基于DNS的负载...

赵熠熠
30分钟前
1
0
springboot 使用 flyway 进行数据库版本管理

要在启动时自动运行Flyway数据库迁移,请将其添加 org.flywaydb:flyway-core到类路径中。 迁移是表单中的脚本V<VERSION>__<NAME>.sql(使用<VERSION>下划线分隔的版本,例如“1”或“2_1”)...

NotFound403
49分钟前
5
0
spring 5.1.5版本(二)

spring 5.1.5版本(一) spring 5.1.5版本(二) spring 5.1.5版本(三) 对象创建方式 方式一 applicationContext.xml <?xml version='1.0' encoding='UTF-8'?><beans xmlns="http://ww......

gwl_
51分钟前
1
0
CMake生成Mingw用的Make文件

CMake 在win下 默认会生成vc++的nmake用的make 当没安装时 就会报 -- Building for: NMake Makefiles -- The C compiler identification is unknown -- The CXX compiler identification is......

shzwork
今天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部