ResponsiveGridSystem 1.6% = 20px：为什么？答案

【问题标题】：ResponsiveGridSystem 1.6% = 20px: Why?ResponsiveGridSystem 1.6% = 20px：为什么？
【发布时间】：2013-11-22 10:14:36
【问题描述】：

我正在研究使用ResponsiveGridSystem，在网站上他们有以下关于列边距的信息：

1.6% 的边距在标准显示器上为您提供大约 20 像素，但您可以随意放大以适应您的内容。

他在网站上没有任何地方解释这些信息背后的数学或推理。对于初学者来说，的 1.6% 等于 20px？

【问题讨论】：

0.016x = 20 -> 1/0.016 * 0.016x = 20 * 1/0.016 -> x = 1250。请注意，它表示about 20 pixels，但查看标准分辨率很简单，可以假设它们在谈论 1280 像素宽。对1280 * 0.016 的测试表明它等于20.48，即about 20 pixels。

【解决方案1】：

对于初学者来说，等于 20 像素的 1.6%？

可能是屏幕的完整水平分辨率。这里的假设似乎是该分辨率主要是 1280 像素。有关于该问题的不同可用统计数据，它们有不同的结果（因为它们将在不同的时间点测量不同的受众。）This article 有不同的分辨率排在首位。

【讨论】：

注意：在网站中，由于.maincontent { max-width: 92.3em }，在 3 列周围有一个 1200 像素宽的包装器，因此对于任何宽于 1200 像素的屏幕，它都会假设为真，果然如此。