您肯定认为我们会对这个
Posted: Thu Mar 20, 2025 9:19 am
值进行四舍五入吧?不,专家强烈建议不要这样做。所以要根据情况采取行动,看看精准度有多重要。如果我们谈论的是两列,那么就不需要这样的精度。对此,我们冷静地将一切四舍五入到小数点后四位数字。
因此,我们主列的 CSS 如下所示:
#c{float:左;宽度:72.2222%;} /* 780 / 1080 */
重要建议:留下计算结果的评论,这样您就 澳大利亞電話號碼 不会忘记或者对将来要除以什么感到困惑。通常,注释中只留下第一个数字,即除数。
我们对右栏进行同样的操作:
我们认为意思很清楚。
让我们来讨论一下字体大小,它是使用相同的方案来计算的。
计算机上的浏览器默认将字体大小设置为16px。然而,对于我们来说像素是不受欢迎的,因此,如果您想保留相同的值,您需要:
16(所需值)/16(默认值)= 1 em
但对于我们来说,16px 字体太小了,我们更喜欢 18,所以:
18 / 16 = 1.125 em
我们在 CSS 中写道:
我们的标志在固定布局中的字体大小是40px。让我们将其转换为 em:
40/18=2.2222 毫米
你注意到了吗?现在我们不是除以 16 像素,而是除以 18 像素,因为徽标的父级(主体标签)的大小为 18 像素。生成的 CSS:
#logo a{文本装饰:无;字体大小:2.2222em;颜色:#000} /* 40px */
每个元素都是如此。很累不是吗?但我们的努力不会白费,因为结果将是来自小工具的稳定流量。
灵活的图像
简而言之:如果您没有在 img 标签属性中指定图像大小,则需要将其添加到 CSS 中:
因此,我们主列的 CSS 如下所示:
#c{float:左;宽度:72.2222%;} /* 780 / 1080 */
重要建议:留下计算结果的评论,这样您就 澳大利亞電話號碼 不会忘记或者对将来要除以什么感到困惑。通常,注释中只留下第一个数字,即除数。
我们对右栏进行同样的操作:
我们认为意思很清楚。
让我们来讨论一下字体大小,它是使用相同的方案来计算的。
计算机上的浏览器默认将字体大小设置为16px。然而,对于我们来说像素是不受欢迎的,因此,如果您想保留相同的值,您需要:
16(所需值)/16(默认值)= 1 em
但对于我们来说,16px 字体太小了,我们更喜欢 18,所以:
18 / 16 = 1.125 em
我们在 CSS 中写道:
我们的标志在固定布局中的字体大小是40px。让我们将其转换为 em:
40/18=2.2222 毫米
你注意到了吗?现在我们不是除以 16 像素,而是除以 18 像素,因为徽标的父级(主体标签)的大小为 18 像素。生成的 CSS:
#logo a{文本装饰:无;字体大小:2.2222em;颜色:#000} /* 40px */
每个元素都是如此。很累不是吗?但我们的努力不会白费,因为结果将是来自小工具的稳定流量。
灵活的图像
简而言之:如果您没有在 img 标签属性中指定图像大小,则需要将其添加到 CSS 中: