我一直在尝试我的第一个响应式设计，但我碰到了一堵小砖墙。
在我的常规浏览器上调整我的屏幕大小时，它似乎很好（一个小，一个大开始）：
@media screen and (min-width: 1px) {
@media screen and (max-width: 1300px) {
但是，当我在手机上查看它时，它似乎无法实现我想要实现的目标。
它似乎可以在 Chrome 中的我的 HTC One 上运行，但在默认的 Android 浏览器上不起作用。它在 iPhone 4S、Safari 和 iPhone 版 Chrome 上也失败了。
我在用
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
关于我要去哪里错的任何想法？
演示站点： http: //leafz.nl/new/
编辑：移动浏览器上的布局截图（不正确的视图）：http: //i41.tinypic.com/98t0ye.png
问候，戴夫