响应排版

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/