iPad纵向视口问题

Question

我的测试网站位于：one-story-beta.herokuapp.com

我在纵向模式下遇到视口问题，其中内容未正确缩小。景观很好。这是我原来的视口：

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

然后我尝试了：

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

但似乎都没有解决问题。我还试图为肖像模式设置媒体查询，我将身体设置为768px。像这样：

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
    body {
        max-width: 768px;
    }
    header {
        max-width: 768px;
    }

}

但那也没有用。

我错过了一些明显的东西吗？