css - 如何根据 x2 视网膜尺寸创建适用于 Android 和 iOS 浏览器的单个 CSS

Question

Mobile Safari 将我所有的 CSS 尺寸乘以 2，所以如果我编写一个高度为 44 像素的顶栏，它在 iOS 上显示为我想要的，但在 Android chrome 上只有一半大小。

如何编写适用于两种浏览器的 CSS？

Answer 1

如果您使用 Grunt 进行编译，您可以简单地创建两个目标 CSS 文件，android.css、iOS.css - 并使用参数字典编译每个文件

{因子：1}，{因子：2}，

这样，将创建具有两个不同维度的 2 个 css 文件。