双倍字体大小

也许这个问题很简单，但我不知道如何解决这个问题，也没有真正的想法是什么，我应该到谷歌中键入;）双倍字体大小

在我的CSS我有以下声明：

body { font-size: 100%; }

不会，因为新的高密度设备展示我的字体非常小，我想该声明被设置为一样的东西：

body { font-size: 200%; }

什么是做到这一点的最简单方法，无cr吃饭/链接附加文件，或者做一些用户代理的服务器端处理？

2012-04-19 Vertigo

希望不是偏题：你知道视口吗？这可能是控制显示器的一种替代方法，除了使文本更大。 – LeonardChallis 2012-04-19 20:12:38

您是否知道200％意味着：是用户的首选尺寸的两倍？ – 2012-04-19 20:16:24

@LeonardChallis：谢谢你的提示，但我认为ViewPort有点过大。我真的只需要调整字体大小。 – Vertigo 2012-04-19 20:33:05

使用移动浏览器检测（服务器端或客户端）。你可以在http://detectmobilebrowsers.com/找到它。如果浏览器是移动的，请将类mobile添加到正文标签。

E.g.如果你使用jQuery的代码检测手机浏览器：

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

然后，在你的CSS，你可以使用body.mobile {}和.mobile .something {}申请移动特定的样式。

2012-04-19 20:18:21 frogge

但是，这将适用于任何移动设备......这意味着你的字体可能会在iPhone上看起来很荒谬。 – 2012-04-19 20:35:30

你是对的。但这个问题并没有要求区分不同的设备。但是，可以应用相同的技术;只需为特定的浏览器/平台添加类即可。 – frogge 2012-04-19 20:38:19

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

2012-04-19 20:20:37

谢谢你的提示，但我的android手机不幸的是不这样做，这使我的网页有点不可用。 – Vertigo 2012-04-19 20:32:06

@Vertigo您可以尝试使用'resolution'进行媒体查询，以使您的字体大小取决于DPI。 http://www.w3.org/TR/css3-mediaqueries/#resolution但我真的不知道有多少设备支持这一点。 – 2012-04-19 20:40:37

html {-webkit-text-size-adjust: none;}

2012-06-22 01:30:23

回答