Css 移动设备上的双字体大小

也许这个问题很简单，但我不知道如何解决这个问题，也不知道应该在谷歌上输入什么；）

在我的CSS中，我有以下声明：

body { font-size: 100%; }

不，因为新的高密度设备显示我的字体非常小，所以我希望该声明设置为：

body { font-size: 200%; }

---

在不创建/链接其他文件或对用户代理进行服务器端处理的情况下，最简单的方法是什么？

使用移动浏览器检测（服务器端或客户端）。你可以在网站上找到这个。如果浏览器是移动的，请将class

mobile

添加到body标记中

例如，如果您使用Detect Mobile浏览器中的jQuery代码：

$(document).ready(function()
{
    if(jQuery.browser.mobile)
    {
        $('body').addClass('mobile');
    }
});

---

然后，在CSS中，您可以使用

body.mobile{}

和

.mobile.something{}

应用特定于移动设备的样式。

一款“智能”高密度手机将自动为您处理此问题（例如带有视网膜显示器的ios设备）。不太聪明的人不会，但请注意，用户已经习惯了这一点，因此您可能根本不想调整他们的字体，因为他们自己可能已经这样做了

希望不要离题：您知道视口吗？这可能是控制显示的另一种方式，而不仅仅是使文本变大。你知道200%意味着：用户首选大小的两倍吗？@LeonardChallis:谢谢你的提示，但我认为视口有点过大。我真的只需要调整字体大小。@Lister先生，哦，我不知道，我在我的页面中将字体大小改为12pt和24pt，但基本问题仍然是……你的页面有多宽？vieport将允许您的页面具有定义的宽度，然后进行“缩放”。谢谢您的提示，但不幸的是，我的android手机没有这样做，这使我的页面有些不可用。@Vertigo您可以尝试使用

分辨率的媒体查询，使字体大小取决于DPI。但我真的不知道有多少设备支持这一点。但这适用于任何移动设备……这意味着你的字体在iPhone上可能看起来很可笑。你完全正确。但这个问题并没有要求区分不同的设备。然而，同样的技术也可以应用；只需为特定的浏览器/平台添加类即可。
html {-webkit-text-size-adjust: none;}