如何在移动浏览器中有效使用动态CSS？

Question

我正在尝试开发我的网络应用程序的移动版本，但我无法让它在多个浏览器上看起来很好。我想如果我使用某些设备功能检测，我可以根据特定的设备屏幕大小动态生成宽度和字体大小。问题是，似乎移动浏览器不会将1px的CSS宽度视为等于1px的屏幕宽度。在屏幕宽度为320像素的iPhone上，320px宽的正文标签仅占页面的1/4左右。由于没有真正的参考框架，因此我很难说“在320px宽的屏幕上，使字体为16px”或沿着这些线条。是否有一些一般的经验法则可以用来计算CSS中的实际浏览器宽度，或者使用多个设备功能进行一些计算，这将有助于我更有效地生成动态CSS？

谢谢，

麦克

Answer 1

尝试以相对单位定义大小和字体粗细。我会给％和em一个去。许多移动浏览器试图将所有内容缩小，以便它们很好地呈现正常的网站。您可能会发现需要特定的元标记等来控制这些浏览器。