响应式开发如何设计字体？

[叫我三三]

查了很多资料是用下面这个方法来设计字体
@media screen and (min-width: 480px) and (max-width: 639px)
但是现在很多高分屏的手机出现
比如5英寸 1080p 的手机
等等。
一些pad的分辨率还没手机高。
我想让页面在pad上显示和pc上类似，
手机上使用另外一种显示方式。
但不知道如何区分这些，根据分辨率区分有点不靠谱。
求大神指导！
谢谢

[NANU-NANA]

可以考虑用sencha touch, 定义device，它会根据不同的device自动加载不同的组件