Question

如果访问者使用小屏幕，我想让我网站上的某些字体变大。理想情况下没有jquery，因为我想在页面加载的早期做到这一点，并且我不想在以后加载jquery，以加快加载速度。

我想出的最好的方法是检查屏幕尺寸。但这远非完美。 iphone4具有相对较大的尺寸，但是屏幕较小，而一些旧的上网本可能具有较小的分辨率但是屏幕较大。我想我真正想要的是屏幕“DPI”的一些变体。

如果有一些css方式说“在小屏幕上做这个，否则在大屏幕上做那个”也可以。

Answer 1

在CSS2中有一个media属性，在CSS3中，这可用于执行media queries。它并不是所有浏览器都支持，但可以使用它，因为像iPhone等小型设备支持它。

 @media screen and (min-width: 781px) and (max-width: 840px) {
    body {
      font-size: 13px;
    }
  }

This site不关心IE，在FF或Safari中尝试，更改浏览器宽度并注意宽度如何使用此属性更改。

Answer 2

媒体查询是关键，使用起来很有趣。

请参阅http://jsfiddle.net/neebz/kn7y3/并更改“结果”面板的宽度/高度，看它是否有效。