雙倍字體大小

也許這個問題很簡單，但我不知道如何解決這個問題，也沒有真正的想法是什麼，我應該到谷歌中鍵入;）雙倍字體大小

在我的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

回答