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

Home Sign Up Sign In

Can I use?

› http://caniuse.com/

Less

› http://lesscss.org

Cool Libraries

› Bootstrap from Twitter

› Jetstrap

This topic created in 5206 days ago, the information mentioned may be changed or developed.

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

CSS大神们给指点下？

4 replies • 1970-01-01 08:00:00 +08:00

Livid

MOD

PRO

Aug 8, 2012

1

网站地址是什么呢？

Air_Mu

OP

Aug 8, 2012

2

@Livid http://demo2.woothemes.com/?name=pixelpress

一个在贩卖的主题

dingyi

Aug 8, 2012

3

他是为了Fluid Responsive Design，缩放到小屏幕也是按比例的。
不过这种布局也有一些问题，参考这篇：

http://www.palantir.net/blog/responsive-design-s-dirty-little-secret

loading

Aug 8, 2012

4

用.625是方便运算，用.618黄金分割的还是头一次见^_^

About · Help · Advertise · Blog · API · FAQ · Privacy · Solana · 2411 Online Highest 6679 ·

Select Language

创意工作者们的社区

World is powered by solitude

VERSION: 3.9.8.5 · 28ms · UTC 00:52 · PVG 08:52 · LAX 16:52 · JFK 19:52
♥ Do have faith in what you're doing.