移动浏览器上的布局问题

Question

我在移动浏览器上遇到了页面宽度问题。如果您在PC浏览器上访问页面http://liquidlizard.net/jobs/post，那么布局就像预期的那样，但是如果您在Android浏览器上访问，那么在右侧则存在差距。

这一切都应该加到1024px宽，所以我不明白它为什么不在移动浏览器上这样做。

我没有想法。有人有空吗？

Answer 1

希望这可以帮助你..........

http://mobile.smashingmagazine.com/2010/07/19/how-to-use-css3-media-queries-to-create-a-mobile-version-of-your-website/

示例：

@media (max-width: 360px) {
 css code for your mobile layout(360px device)
}
@media (max-width: 320px) {
 css code for your mobile layout(320px device)
}

这应该............

Answer 2

添加到头部并看到它有帮助：

<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0">

Answer 3

试试这个：

.widthContainer {
    margin: auto;
    max-width: 1024px;
    text-align: center;
}
.utilNav {
    width: 40%; <--remove this line
}