SAP Spartacus里px,em和rem的应用-阿里云开发者社区

开发者社区> 开发者小助手-bz5> 正文

SAP Spartacus里px,em和rem的应用

简介: SAP Spartacus里px,em和rem的应用
+关注继续查看

px

px像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。



image.png

任意浏览器的默认字体高都是16px.

image.png


image.png



em

em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。


em的值并不是固定的;

em会继承父级元素的字体大小。

image.png


rem

使用rem为元素设定字体大小时,仍然是相对大小,但相对的只是HTML根元素。rem可谓集相对大小和绝对大小的优点于一身,通过它既可以做到只修改根元素就成比例地调整所有字体大小,又可以避免字体大小逐层复合的连锁反应。


image.png


When you touch SCSS files please add a UI Dev as a reviewer otherwise it makes it very hard for us to keep track of the Design System evolution code wise (e.g. most of B2B font size values are set in px when we agreed a long time ago to either use rems or sass variables as well as to steer clear of CSS Grid).


版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
阿里云服务器怎么设置密码?怎么停机?怎么重启服务器?
如果在创建实例时没有设置密码,或者密码丢失,您可以在控制台上重新设置实例的登录密码。本文仅描述如何在 ECS 管理控制台上修改实例登录密码。
10019 0
Angular的Zone-Evergreen在SAP Spartacus中的应用
Angular的Zone-Evergreen在SAP Spartacus中的应用
17 0
阿里云服务器端口号设置
阿里云服务器初级使用者可能面临的问题之一. 使用tomcat或者其他服务器软件设置端口号后,比如 一些不是默认的, mysql的 3306, mssql的1433,有时候打不开网页, 原因是没有在ecs安全组去设置这个端口号. 解决: 点击ecs下网络和安全下的安全组 在弹出的安全组中,如果没有就新建安全组,然后点击配置规则 最后如上图点击添加...或快速创建.   have fun!  将编程看作是一门艺术,而不单单是个技术。
10880 0
Angular的Zone-Evergreen在SAP Spartacus中的应用
Angular的Zone-Evergreen在SAP Spartacus中的应用
13 0
【Spark Summit EU 2016】使用Mobius在.NET平台上构建你的下一个Spark应用
本讲义出自Kaarthik Sivashanmugam在Spark Summit EU上的演讲,主要介绍了微软公司的用于在.NET平台上构建Spark应用的C#的API——Mobius。
2402 0
阿里云服务器如何登录?阿里云服务器的三种登录方法
购买阿里云ECS云服务器后如何登录?场景不同,阿里云优惠总结大概有三种登录方式: 登录到ECS云服务器控制台 在ECS云服务器控制台用户可以更改密码、更换系.
13823 0
JSPatch库, 一个Apple官方支持的实现在线更新iOS应用的库
 JSPatch 可以让你用 JavaScript 书写原生 iOS APP。只需在项目引入极小的引擎,就可以使用 JavaScript 调用任何 Objective-C 的原生接口,获得脚本语言的优势:为项目动态添加模块,或替换项目原生代码动态修复 bug。 简介 项目主页: https://github.com/bang590/JSPatch 示例下载: ht
1324 0
[Spark]Spark 应用程序部署工具spark-submit
1. 简介 Spark的bin目录中的spark-submit脚本用于启动集群上的应用程序。 可以通过统一的接口使用Spark所有支持的集群管理器,因此不必为每个集群管理器专门配置你的应用程序(It can use all of Spark’s supported cluster managers through a uniform interface so you don’t have to configure your application specially for each one)。
1522 0
阿里云ECS云服务器初始化设置教程方法
阿里云ECS云服务器初始化是指将云服务器系统恢复到最初状态的过程,阿里云的服务器初始化是通过更换系统盘来实现的,是免费的,阿里云百科网分享服务器初始化教程: 服务器初始化教程方法 本文的服务器初始化是指将ECS云服务器系统恢复到最初状态,服务器中的数据也会被清空,所以初始化之前一定要先备份好。
7344 0
2497
文章
0
问答
来源圈子
更多
+ 订阅
文章排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载