比这篇新的文章: define_method
比这篇旧的文章: 拉丁方阵

为何1024*768分辨率下网页的宽度为960px

语言: Python, 标签: web design 1024 width 2009/02/23发布 1年前更新
作者: iworm, 点击1458次, 评论(1), 收藏者(0), , 打分:

背景
主题: 字体:
01 #!/usr/bin/python
02 # -*- coding: utf-8 -*-
03
04 #此代码证明使用栅格系统设计网页时, 为何1024分辨率最佳网页宽度是960px
05 MaxWidth = 1024
06 group = {}
07 #总宽度
08 for width in range(2, MaxWidth):
09     count = 0
10     #栅格宽度
11     for gridWidth in range(2, MaxWidth):
12         #如果可以有整数个栅格
13         if width % gridWidth == 0:
14             count = count + 1
15
16     if group.has_key(count):
17         group[count] = group[count] + ', ' + str(width);
18     else:
19         group[count] = str(width);
20
21 print group
22 #通过结果可知
23 #网页宽度为1008时, 最多可以设计含有29个纵向栅格的系统. 但是1008和1024之间只差了16px, 考虑到滚动条宽度 + 浏览器边框肯定大于16px, 所以不能使用1008px.
24 #使用960px最多可以设计含有27个纵向栅格的系统.
25 #使用990px最多可以设计含有23个纵向栅格的系统.


所有评论,共1条:( 我也来说两句)

1
0
0
呵呵960px的栅格是一种设计时比较省心的方法,省的老想来想去哪个宽度更好

发表评论

注册登录后再发表评论