css中vw指的是什么-成都快上网建站

css中vw指的是什么

这篇文章主要介绍了css中vw指的是什么的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇css中vw指的是什么文章都会有所收获,下面我们一起来看看吧。

创新互联建站主要从事成都网站设计、做网站、网页设计、企业做网站、公司建网站等业务。立足成都服务沙洋,十余年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:18982081108

在css中,vw是一种视窗单位,也是相对单位,是视窗宽度百分比的意思;vw是相对于视窗的宽度而定的,视窗就是客户端浏览器的可视区域,视窗被均分为100个单位,1vw的大小就是视窗宽度的百分之一。

本教程操作环境:windows10系统、CSS3&&HTML5版本、Dell G3电脑。

css中的vw是什么

CSS 单位是一种量度单位,包括尺寸单位和颜色单位。我们常使用向对单位,不会使得网页在不同的视图下造成布局混乱的情况。

vw是Viewport's width的缩写形式,1vw永远等于当前视口宽度的百分之一。vw是一种视窗单位,也是相对单位。相对于视口的宽度,视口被均分为100单位的vw。

vw优势在于能够直接获取宽度,而用 % 在没有设置 body 宽度的情况下,是无法正确获得可视区域的宽度的,所以这是挺不错的优势。

这里的视口指的是浏览器可视区域,图示如下:

css中vw指的是什么

示例代码:

h2{font-size:8vw;}

如果视口的宽度是200mm,那么上述代码中h2元素的字号将为16mm,即(8x200)/100

示例如下:





相对于viewport宽度大小的文字

px宽度大小的文字

输出结果:

css中vw指的是什么

关于“css中vw指的是什么”这篇文章的内容就介绍到这里,感谢各位的阅读!相信大家对“css中vw指的是什么”知识都有一定的了解,大家如果还想学习更多知识,欢迎关注创新互联行业资讯频道。


文章名称:css中vw指的是什么
网站链接:http://kswjz.com/article/ihdocj.html
扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流