【发布时间】：2012-01-27 02:12:20
【问题描述】：
在移动浏览器中查看时，如何使标题区域不与http://androdevlab.com 重叠？
【问题讨论】：
【发布时间】：2012-01-27 02:12:20
【问题描述】：
您应该使用媒体查询。您可以在此处阅读有关媒体查询的更多信息：
http://www.w3.org/TR/css3-mediaqueries/
http://reference.sitepoint.com/css/mediaqueries
您还可以使用 FitText.js 之类的插件 - http://fittextjs.com/
在 Firebug 中查看您网站的代码，主要问题是“纽约市的便携式实验室将 Android 设备送到您家门口”行的行高太大。它目前为“1.8”，没有值。尝试将其设置为较小的值，例如 1em 或 1.25em。 nav-primary li a 类也是如此。
另外，nav 元素的宽度在任何设备上定义为980px，这将是一个固定值。也许您可以尝试设置基于 % 或 em 的值。
如果您需要为移动版本更改许多元素同时保持@screen CSS 不变，您应该使用媒体查询。让事情变得更容易处理。
【讨论】：
您应该使用各种responsive design 技巧。比如设置：meta viewport 标签，@media 查询调整 css。用 % 或 em 指定页眉中的边距和大小，而不是其他设置大小的 px 等。您可以使用像 syze 这样的 js 库和像 html5boilerplate 这样的项目来帮助您解决这个问题。
【讨论】：
-
我只需要知道要更改哪些具体边距
-
对不起，这不是边距。我玩过它，我认为问题在于图片无法调整大小并将所有内容移到一边。我还参考了几个来源