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

来源:3-7 移动端项目开发——表示层(page3)

十二维生物

2016-02-06 11:15

就像这样的    width: 34.6875vw;


写回答 关注

7回答

  • 小感冒
    2016-02-06 15:37:16
    已采纳

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

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

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

    例如量取得视窗宽(在ps中就是整个作图的区域宽)为100,

    量取一个logo的宽为30,

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

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

    如269/36=7.4722222%,即7.4722222vw;

    班大人 回复小感冒

    36/260=0.1338289963 是 13.3828990283VW 对吗?

    2016-10-28 23:58:19

    共 3 条回复 >

  • 天空_
    2016-02-11 13:51:23

    ps上有 做多了就熟记于心

  • 慕UI8284076
    2016-02-09 01:44:16

    提前算好的,

  • dioxide
    2016-02-07 00:05:57

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

  • xlelou
    2016-02-06 20:47:33

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

  • SMG2
    2016-02-06 17:57:32

    应该是提前算好的,

  • wangyimei
    2016-02-06 15:31:27

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

HTML5+CSS3实现春节贺卡

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

110057 学习 · 450 问题

查看课程

相似问题