響應排版

Question

我已閱讀關於響應排版的不同文章，但尚未找到採用的良好做法。如果我必須優化我的這些決議與字體大小的webapp爲大家在圖形源：

小320x480 - > 12px的

480×800 - > 20像素

540x960 - > 26px

720x1280 - > 26px

我的閱讀後，我已經把css文件這樣的：

html { font-size: 100%; -webkit-text-size-adjust: 100%; 
          -ms-text-size-adjust: 100%; } 

然後與伊桑馬科特公式我算我的第一個字體大小：

body{font-size: 0.75em;/*12px/16px */} 

與我所增加字體大小爲HTML屬性mediaqueries

則：

/* ===== == = === 30em (480px) === = == ===== */ 
@media only screen and (min-width : 30em) { 
    body{font-size: 125%;}/*20px*/ 
} 
/* ===== == = === 37.5em (600px) === = == ===== */ 
@media only screen and (min-width: 37.5em) { 
    body{font-size: 163%;}/*26px*/ 
} 

這是一個好的做法，以適應我的字體不同的決議？ 你有沒有很好的實例可以在哪裏找到這些信息？

在此先感謝！

Answer 1

從結構上來說，我就是這麼做的。不知道我會使用百分比，儘管在你的mq中，我可能會繼續與他們的。這是一個很好的計算器的px：http://pxtoem.com/