我们认为意思很清楚

[subornaakter30]

让我们来讨论一下字体大小，它是使用相同的方案来计算的。

计算机上的浏览器默认将字体大小设置为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 中：

图片{最大宽度：100%;}

如果您在属性中指明图像大小（我们指示并建议您这样做）：

img{最大宽度：100%；高度：自动；}

结尾！

媒体查询
一个极其有趣、简单且同时非常有用的解决方案是@media。但是让我们直接讨论跨浏览器兼容性。好消息是，大多数现代浏览器都支持媒体查询，包括 Opera 9.5+、Firefox 3.5+、基于 WebKit 的浏览器（如 Safari 3+ 和 Chrome）以及 IE 9+。

至于移动浏览器，情况也进展顺利。基于 WebKit 的浏览器支持媒体查询：Mobile Safari、HP 的 webOS 和 Android，以及 Opera Mobile 和 Opera Mini。

说到 Windows Phone，自 2011 年起，其上就已安装 IE9+，它为媒体查询提供了全面的支持。这也是一个绝对的优点。