Android CSS布局不会使用全屏宽度

Question

我目前正在开发一个移动网站。你可以在这里看到它:http://m.mayojobs.ie。简而言之，该网站列出了职位广告、搜索菜单和“加载更多职位”按钮。

布局在 iPhone(Safari 和 Chrome)中看起来不错，但由于某些原因在 Android 中每个职位列表只占用了大约三分之一的屏幕。它不应该这样做。

此外，屏幕底部的 Google 广告应该是 300 x 250，但由于某种原因它很小。

几天来我一直在尝试解决这个问题，但始终无法解决。

如果你们中有人知道为什么会发生这种情况，我将非常感谢您的帮助。

谢谢。

Answer 1

尝试在浏览器设置中查看缩放可能在“远”处。

你也可以试试

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