css下设置字体的em、rem、vw、vh字体单位详解

点击链接后退页面:
<a href="javascript:history.go(-1)">回到上一个网页</a>

——修改placeholder提示的样式:
1.除IE外通用写法
 类名或标签名::placeholder {color: red;}
2.加兼容前缀写法

css超出一行显示省略号:
给定宽度(width:100px)、
超出隐藏(overflow:hidden)、
强制在同一行显示(white-space: nowrap)、
省略号(text-overflow:ellipsis)

——常见字体单位——
1.em
移动端常用的字体尺寸单位,相当于“倍”,比如设置当前的div的字体大小为1.5em,则当前的div的字体大小为:当前div继承的字体大小*1.5。
但当div进行嵌套时,em始终按当前div继承的字体大小来缩放。

2.rem
r是root的意思,即相对于根节点html的font-size进行缩放,当有嵌套关系时,嵌套关系的元素的字体大小始终按照根节点的字体大小进行缩放。

3.vh
vh就是当前屏幕可见高度的1%,即 height:100vh == height:100%;
它的好处是当元素没有内容时候,设置height:100%该元素不会被撑开,
但设置height:100vh,该元素会被撑开屏幕高度一致。

4.vw
viewpoint width,视窗宽度,1vw = 视窗宽度的1%。
vw就是当前屏幕宽度的1%,
当设置width:100%,被设置元素的宽度是按照父元素的宽度来设置,
但100vw是相对于屏幕可见宽度来设置,所以会出现50vw 比50%大的情况。

来自:Sukie_

我的其他文章:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值