百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>CSS教程> CSS3新单位是什么?最新CSS3新单位详解
分享文章到:

CSS3新单位是什么?最新CSS3新单位详解

发布时间:08/01 来源:未知 浏览: 关键词:
CSS3新单位是什么?信赖有许多刚刚接触CSS3的伴侣都会有这样的疑难。本章就给大家介绍CSS3新单位是什么?最新CSS3新单位详解。有一定的参照 价值,有需要的伴侣可以参照 一下,但愿对你们有所帮忙。 CSS3新单位是什么?信赖有许多刚刚接触CSS3的伴侣都会有这样的疑难。本章就给大家介绍CSS3新单位是什么?最新CSS3新单位详解。有一定的参照 价值,有需要的伴侣可以参照 一下,但愿对你们有所帮忙。

css3中引入了一些新的单位:

ch:字符0(零)的宽度;

rem:根元素(html元素)的font-size;

vw:viewpoint width,视窗宽度,1vw等于视窗宽度的1%;

vh:viewpoint height,视窗高度,1vh等于视窗高度的1%;

vmin:vw和vh中较小的阿谁。

vmain:vw和vh中较大的阿谁。

deg-角度

显然vw、vh、vmin是针对挪移设施的,要是视窗大小变化了,这三个值也会跟着响应的变化。

rem单位感觉就是px+em的变体,可否值得运用还要看你本人的取舍:没有px精准也没有em灵便——或者说,比px灵便,比em更精准~~……XD……

要是没有定义font-size怎么办?

其实不消担忧,传奇,各个阅读器史无前例的默许font-size:16px;,所以,即使你在样式文件中忘了定义font-size初始值,也可以安心的运用em、rem。

阅读器支撑:

rem,各阅读器根本都支撑了, IE9+、FF3.6+、Chrome、Safari 5+、以及 Opera 11.6+vw、vh、vmin,阅读器支撑并不悲观,IE9支撑了,Chrome当前不支撑,Chrome 20将会从新支撑(貌似以前支撑过?)、Safari也马上支撑了吧,Opera和Firefox也还都不支撑。

以上就是对CSS3新单位是什么?最新CSS3新单位详解的全部介绍,要是您想理解更多有关CSS3视频教程,请关注百分百源码网。

以上就是CSS3新单位是什么?最新CSS3新单位详解的细致内容,更多请关注 百分百源码网 其它相干文章!

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有150人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板