                        课程
                    
                        /前端开发
                        
                            /Html5
                        
                        /HTML5+CSS3实现春节贺卡

vw是什么鬼？

vw是什么鬼？求详解

因扎吉

2016-02-04

源自：HTML5+CSS3实现春节贺卡 3-3

关注问题我要回答

1566

操作

收起

4 回答

慕斯卡7752168 回答被采纳 +3 积分
2016-02-04

相对于视口的宽度。视口被均分为100单位的vw。

现在移动端屏幕宽度不确定，vw和vh可以理解为一种百分比设定

0 回复有任何疑惑可以回复我~

收起回答

因扎吉提问者

那为什么不直接用百分比？

2016-02-04 回复有任何疑惑可以回复我~

小感冒回复因扎吉提问者

因为vw可以解决自适应问题，百分比的话问题会很多，就拿margin百分比来说，margin百分比是相对于最近的祖先元素的宽度计算而不是高度的问题。例如赋值属性margin-top:6%;实际是其父元素宽度的6%，注意，是根据父元素的宽度计算，而不是高度！

2016-02-06 回复有任何疑惑可以回复我~

因扎吉提问者

2016-02-13 回复有任何疑惑可以回复我~

zqbinary
2016-02-12

举个例子：iphone6 p 分辨率414*736px：

所以对于iphone6 p：100vw=414px

100vh=736px;

如果用其他手机，分辨率变了，那100vw 100vh也跟着全屏的宽，高变。

1 回复有任何疑惑可以回复我~

收起回答

sunny_0504
2016-02-05

vw表示相对于视窗的宽度，计算公式是实际宽度/视窗的宽度=x/100，求出的x就是对应的vw宽度值

1 回复有任何疑惑可以回复我~

收起回答

hhh112123123
2016-02-05

跟px一样距离单位百分比也可以用，作用是一样的，实现目的就行

0 回复有任何疑惑可以回复我~

收起回答

0/150

提交

取消

HTML5+CSS3实现春节贺卡

参与学习 109905 人
解答问题 450 个

又逢新春佳节，春节贺卡搞起来，学会HTML5+CSS3实现春节贺卡

进入课程

本课相似问答

1 回答vw和%的区别，为什么#music用vw,#music>img用 %呢？还有top为啥是vh right是vw呢

3 回答VW是怎么算的？

1 回答vw和vh怎么没反应

3 回答vw,vh是如何转换来的

1 回答vw宽度问题

搜索更多本课相关问答

vw是什么鬼？

我要回答关注问题

热搜

最近搜索清空

vw是什么鬼？

4 回答

本课相似问答

vw是什么鬼？