破解 960 密码

网页栅格系统研究：960的秘密
PPT  见附件 ：）
研究网页栅格系统前，来看一组数据：
网站 首页页面宽度 pixel  Yahoo! 950 淘宝 950 MySpace 960 新浪 950 网易 960 Live Search 958  搜狐 950 优酷 960 AOL 960
备注：960 – 950 之间的为边缘margin宽度.

上面列举的都是Alexa全球排名前100的站点，它们的首页宽度为950px/960px. 除了微软的Live Search, 这些站点有个共同特点：页面结构较复杂，都可以认为是门户型网站。
再来看看Google, YouTube, Facebook, Flickr!, eBay等知名站点，它们的首页宽度没什么固定规律，共同的特点是：功能专一，页面结构相对简单。
根据上面的简单分析可以认为：当搭建页面结构复杂的门户型网站时，开发工程师们不约而同地都选择将页面宽度定为950px/960px.
这是一件很有趣的事情，为什么要选择这个宽度呢？这个宽度值究竟有什么魔力？
神奇的960
在 1024 x 768 的分辨率下，打开Firefox：自然状态下，Firefox窗体的大小约为 974 x 650. 减掉左右两边7px的边框，网页的实际大小，高宽为 960 x 650.
一下是分析代码：
总滴来说就是：960 的组合最多

# -*- coding:utf8 -*-

#证明使用栅格系统设计网页时
#为何1024分辨率最佳网页宽度是960px

MaxWidth = 1024
group = {}

#总宽度
for width in range(2, MaxWidth):
    #记录可以正处width的宽度
    group[width] = []
    for gridWidth in range(2, width-1):
        #如果可以有整数个栅格
        if width % gridWidth  == 0:
            group[width].append(gridWidth)


lgroup = {}
for k in sorted(group):
    #print " * " * 30
    #print k
    #print len(group[k]),group[k]
    llen = len(group[k])
    if llen > 10 and k>=900 and k<=1000:
        lgroup[llen] = k
    
for k in sorted(lgroup,reverse= True):
    print " * " * 30
    print "len %s,width %s" % (k,lgroup[k])
    print group[lgroup[k]]