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