看到一国外网站，CSS里大量使用黄金分割数 这是什么原理？

2012-08-08 05:41:55 +08:00
 Air_Mu
看到一个设计很精美的国外网站。研究下它的CSS
发现里面出现无数黄金分割数，或者说是几乎到处都有出现
比如：
margin-right: .618em;
padding: .327em .618em;
height: 1.618em;
-webkit-box-shadow: 0 0 0.618em 0 #d8cad0;

CSS大神们给指点下？
4337 次点击
所在节点    CSS
4 条回复
Livid
2012-08-08 05:45:31 +08:00
网站地址是什么呢？
Air_Mu
2012-08-08 05:57:55 +08:00
@Livid http://demo2.woothemes.com/?name=pixelpress

一个在贩卖的主题
dingyi
2012-08-08 08:10:59 +08:00
他是为了Fluid Responsive Design，缩放到小屏幕也是按比例的。
不过这种布局也有一些问题，参考这篇：

http://www.palantir.net/blog/responsive-design-s-dirty-little-secret
loading
2012-08-08 08:21:45 +08:00
用.625是方便运算，用.618黄金分割的还是头一次见^_^

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/44540

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX