2

也许这个问题很简单，但我不知道如何解决这个问题，也没有真正的想法我应该在谷歌输入什么;）

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

body { font-size: 100%; }

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

body { font-size: 200%; }

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

4

3 回答 3

2

Use a mobile browser detection (either server-side or client-side). You can find this at http://detectmobilebrowsers.com/. If the browser is mobile, add the class mobile to the body tag.

E.g. if you use the jQuery code from Detect Mobile Browsers:

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

Then, in your CSS, you can use body.mobile {} and .mobile .something {} to apply mobile specific styles.

于 2012-04-19T20:18:21.030 回答
0 
html {-webkit-text-size-adjust: none;}
于 2012-06-22T01:30:23.257 回答
0

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

于 2012-04-19T20:20:37.730 回答