0

我知道这是基本问题,但我无法解决这个问题。在 Wordpress 主题 CSS 文件中,我看到了这段代码(CSS 媒体查询)。

.site-content {
    float: left;
    width: 65.104166667%;
}

所以我的问题是:为什么以这种方式设置宽度百分比而不是 65.1% ?

编码该站点的人如何知道宽度必须恰好是 65.104166667%而不是65.104166666%(他/她使用什么工具来准确获得该百分比数字)?

最后,使用这种方法的好处/风险是什么?

如果有人可以通过答案或链接为我指出正确的方向,我将不胜感激。

4

1 回答 1

1

请参阅这篇关于响应式网页设计的文章:http: //alistapart.com/article/fluidgrids

如您所见,有一个将像素宽度(固定宽度)更改为百分比的基本公式。如果你阅读这篇文章,你会看到公式是:

目标/上下文=结果

或者换句话说:

您的目标宽度(以像素为单位)除以浏览器的默认字体大小(通常为 16 像素)等于以 em 或百分比为单位的宽度。

您除以默认字体大小的原因与小学科学实验中需要对照物质的原因相同。用于比较其余实验的中性物质。

所以为了得到 65.1041...等,这个人将他们想要的宽度除以像素,然后得出这个百分比。百分比和 ems 是您希望在网页设计中用于实现响应式网站的度量单位。所需要的只是一些简单的数学运算。

我个人的偏好是四舍五入到小数点后 2-3 位,但这并不重要,除非你绝对必须有精确的宽度。我已经在这个网站上无数次推荐过上面的文章,对于现在的任何网页设计师来说,它确实是必读的。

于 2013-08-16T19:54:10.587 回答