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

那么精确的数值是怎么量得的？

就像这样的 width: 34.6875vw;

十二维生物

2016-02-06

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

关注问题我要回答

1291

操作

收起

7 回答

小感冒
2016-02-06

计算器可以得到非常精确的数值

vw 和vh vmin vmax一样都是可视区百分比长度单位，1vw等于可视区宽度的百分之一，具体为什么不用百分号（%），楼主可以去百度一下，有很详细的介绍。

这么精确的数值可以在ps中用选区工具量取，然后用计算器算的所占百分比。

例如量取得视窗宽（在ps中就是整个作图的区域宽）为100，

量取一个logo的宽为30，

所以整个logo的宽即为视窗宽的30/100=30%，即30vw；

如果数值比较复杂，不太容易心算就可以借助计算器来计算，可以得到非常精确的数值

如269/36=7.4722222%，即7.4722222vw；

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

#1

更正一下，最后一行计算的数字写反了，应该是36/269 抱歉

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

#2

十二维生物提问者

非常感谢！

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

#3

班大人回复小感冒

36/260=0.1338289963 是 13.3828990283VW 对吗？

2016-10-28 回复有任何疑惑可以回复我~

天空_
2016-02-11

ps上有做多了就熟记于心

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

慕UI8284076
2016-02-09

提前算好的，

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

dioxide
2016-02-07

从设计稿中量出来的，大概可以理解为目标元素尺寸和设计稿总宽（或高）的所占百分比！

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

xlelou
2016-02-06

可能是以苹果6为模板测量的。。。具体不清楚

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

SMG2
2016-02-06

应该是提前算好的，

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

wangyimei
2016-02-06

在ＰＳ里打开图片选择你需要的图片图层就可得到你需要的数值

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

举报

0/150

提交

取消

HTML5+CSS3实现春节贺卡

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

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

本课相似问答

1 回答精确度的问题

2 回答vh高度是怎么算出来得？

3 回答VW是怎么算的？

1 回答那种循环切换的怎么弄啊，老师

1 回答扫码是怎么搞的

搜索更多本课相关问答

那么精确的数值是怎么量得的？

我要回答关注问题

意见反馈帮助中心 APP下载