当前位置:首页 » php学习笔记 » css-rem、em的使用场景以及使用方法

css-rem、em的使用场景以及使用方法

原创 stpevenchow 27°c 2019年10月05日 23:22 php学习笔记 0条评论
  移步手机端

1、打开你手机的二维码扫描APP
2、扫描左则的二维码
3、点击扫描获得的网址
4、可以在手机端阅读此文章

rem使用场景:

    多数用于页面制作时,所有的长度单位都设定为相应的rem单位,那么只需要修改html根元素中设定的字体大小,页面中所有内容的大小都会一起发生改变,方便做页面的缩放,响应式布局,自适应等等

rem如何使用

    1、首先rem要在html根目录下进行设置

    2、body标签里面只要样式调用到了rem,那么都会根据rem的变化而变化,下图是演示效果

    rem如何使用.png   













em与rem的区别

    rem是相对html根元素中设定的字体大小,em是相当于当前根元素中设定的字体大小

实际运用

    实际项目中,大多以rem长度大小设定

    em一般与首行缩进属性配合使用

    总结:

    相对于整个页面的长度单位,用rem

    相对于某个标签的长度单位,用em





欢迎阅读本文,如果本文对您有所帮助,记得收藏/转发☺

本文链接:http://stpeven.com/post/125.html

版权声明:本文为原创文章,版权归 stpevenchow 所有,欢迎分享本文,转载请保留出处!

本文标签:

三人行,必有我师

评论(0)

发表评论:


【顶】 【踩】 【好】 【懵】 【赞】 【表情】

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

推荐阅读
10月14日

css-简单的调查表单制作

发布 : | 分类 : php学习笔记 | 评论 : 0人 | 浏览 : 7次
css-简单的调查表单制作

     拿到种类型的表单过后,我们首先要分析,这个表单大致的要涉及到html哪些标签属性,从表面上来看,这个表格大概是由3个部分组成,主题,标题,内容,把这3个确定好了过后,后面就是直接调用css样式了。下面直接放出代码    <!DOCTYPE html><html><head>    <meta charset="utf...

标签 :