zoukankan      html  css  js  c++  java
  • 网页栅格系统中的最佳宽度:960px

    有趣的960就这样出现了。是的,可以认为一切就这么简单。栅格系统最早出现在平面设计领域,设计师们爱用苹果,苹果下浏览器的默认宽度为960px, 于是960就这么“自然”地出现了。

    数字背后的奥妙
    上面的“自然”出现,细究自然是不让人信服的。苹果系统的设计者们在没有喝醉酒的情况下选择了960,而不是其它什么1000之类的整数,自然另有奥妙。

    科学界有很多问题都可以归结到数学问题上,我们也从数学着手:

    960可以分解为2的6次方乘以3和5, 这使得960可以分割成以下宽度的整数倍:

    2, 3, 4, 5, 6, 8, 10, 12, 15, 16, 20, 24, 30, 32, 40,
    48, 60, 64, 80, 96, 120, 160, 192, 240, 320, 480

    共26种(26 = 7 * 2 * 2 - 2, 减去2是去掉1和960自身),我们标记为:

    N(960) = N(2^6 * 3 * 5) = 26

    同理可以得到:

    N(480) = N(2^5 * 3 * 5) = 6 * 2 * 2 - 2 = 22
    N(750) = N(2 * 3 * 5^3) = 2 * 2 * 4 - 2 = 14
    N(800) = N(2^5 * 5^2) = 6 * 3 - 2 = 16
    N(1000) = N(2^3 * 5^3) = 4 * 4 - 2 = 14
    N(1024) = N(2^10) = 11 - 2 = 9
    N(1920) = N(2^7 * 3 * 5) = 8 * 2 * 2 - 2 = 30

    根据直觉(严格证明也不难,不过还是留给数学系的学生去证明吧),我们得到一个有趣的结论:

    要使得N(width)最大,width的取值必须是 …, 480, 960, 1920, …

    N越大,可组合的宽度值就越多。对栅格系统来说,这意味着越灵活!

    目前绝大多数显示器都支持 1024 x 768 及其以上分辨率,480太窄,1920则太宽(太宽也不利于阅读),因此960就成为网页栅格系统中的最佳宽度了。(补充:480可以应用在Flash的栅格设计中)

  • 相关阅读:
    「UVA12293」 Box Game
    「CF803C」 Maximal GCD
    「CF525D」Arthur and Walls
    「CF442C」 Artem and Array
    LeetCode lcci 16.03 交点
    LeetCode 1305 两棵二叉搜索树中的所有元素
    LeetCode 1040 移动石子直到连续 II
    LeetCode 664 奇怪的打印机
    iOS UIPageViewController系统方法崩溃修复
    LeetCode 334 递增的三元子序列
  • 原文地址:https://www.cnblogs.com/ice_nemo/p/1959708.html
Copyright © 2011-2022 走看看