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

我正在尝试开发我的web应用程序的移动版本，但我很难让它在多个浏览器上看起来很好。我想如果我使用一些设备功能检测，我可以根据特定的设备屏幕大小动态生成宽度和字体大小。问题在于，手机浏览器似乎不会将1px的CSS宽度等同于1px的屏幕宽度。在屏幕宽度为320px的iPhone上，320px宽的主体标签只占页面的1/4左右。由于没有真正的参照系，我很难说出“在320px宽的屏幕上，使用16px字体”或类似的话。是否有一些通用的经验法则可以用来计算CSS中的实际浏览器宽度，或者一些使用多个设备功能的计算可以帮助我更有效地生成动态CSS

谢谢

---

Mike

尝试以相对单位定义大小和字体权重。我会给%和他们一次机会。许多移动浏览器试图缩小所有内容，以便很好地呈现普通网站。您可能会发现您需要特殊的元标记或类似标记来控制这些浏览器。

尝试以相对单位定义大小和字体权重。我会给%和他们一次机会。许多移动浏览器试图缩小所有内容，以便很好地呈现普通网站。你可能会发现你需要特别的元标签或类似的东西来控制这些浏览器。

你说得对，我发现的控制这一点的标签是：在使用这个标签后，动态css似乎没有必要，因为浏览器将缩小到1:1像素的比例。然后像块元素这样的东西可以更有效地扩展屏幕大小。你说得对，我找到的控制屏幕大小的标签是：使用它之后，动态css似乎没有必要，因为浏览器将缩小到1:1像素的比例。然后像块元素这样的东西更有效地扩展屏幕大小。