最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

[CSS3教程]相对单位rem详解_html/css_WEB-ITnose

来源:动视网 责编:小采 时间:2020-11-27 16:01:30
文档

[CSS3教程]相对单位rem详解_html/css_WEB-ITnose

[CSS3教程]相对单位rem详解_html/css_WEB-ITnose:作者:zhanhailiang 日期:2015-01-28 定义 CSS3新增了一个相对单位rem,其官方定义如下: font size of the root element rem,em,px单位的区别 rem单位和em单位都是相对大小,px是绝对大小。其区别在 em基于当前元素的(如果没设置就是继承其父
推荐度:
导读[CSS3教程]相对单位rem详解_html/css_WEB-ITnose:作者:zhanhailiang 日期:2015-01-28 定义 CSS3新增了一个相对单位rem,其官方定义如下: font size of the root element rem,em,px单位的区别 rem单位和em单位都是相对大小,px是绝对大小。其区别在 em基于当前元素的(如果没设置就是继承其父


作者:zhanhailiang 日期:2015-01-28

定义

CSS3新增了一个相对单位rem,其官方定义如下:

font size of the root element

rem,em,px单位的区别

rem单位和em单位都是相对大小,px是绝对大小。其区别在

  1. em基于当前元素的(如果没设置就是继承其父元素的)font-size,这样会出现一些组合问题;
  2. rem则是只相对于根元素的font-size,即只需要设置根元素的font-size,其它元素使用rem单位设置成相应的百分比即可;

兼容性说明

目前,除了IE8及更早版本外,所有浏览器均已支持rem。对于不支持它的浏览器,应对方法也很简单,就是多写一个绝对单位的声明。这些浏览器会忽略用rem设定的字体大小。

示例

  浏览器默认font-size:16px;

浏览器默认font-size:16px;

更多阅读

  1. (W3C)EM, PX, PT, CM, IN…
  2. 理解css中的长度单位
  3. CSS3教程:相对单位rem详解
  4. IE8 HACK介绍

文档

[CSS3教程]相对单位rem详解_html/css_WEB-ITnose

[CSS3教程]相对单位rem详解_html/css_WEB-ITnose:作者:zhanhailiang 日期:2015-01-28 定义 CSS3新增了一个相对单位rem,其官方定义如下: font size of the root element rem,em,px单位的区别 rem单位和em单位都是相对大小,px是绝对大小。其区别在 em基于当前元素的(如果没设置就是继承其父
推荐度:
标签: 单位 html css
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top