ipad Hochformat css, nur Landschaft funktioniert

Wenn du hier auf ein iPad gehst, Ссылка und klicke dich durch zu Kapitel1 & gt; Kapitel 1 & gt; Fangen Sie an ... Sie sehen nach einem Ladebildschirm die Kapitel 1 Seite.

Was das ist, ist HTML in einen iframe eingebettet, der von html 5 und javascript zusammengezogen wird. Das HTML in diesem Iframe ruft sein eigenes CSS-Blatt namens other.css auf. Die HTML-Datei, die das alles zusammenbringt, ruft ein Stylesheet namens styles.css auf.

Offensichtlich möchte ich im Hochformat den Inhaltsbereich dieses Iframes kleiner als im Querformat darstellen. Ich benutze das CSS in other.css:

Das Problem ist, dass es nicht einmal das Porträt css sieht. Ich habe ein Dutzend verschiedene Möglichkeiten ausprobiert (dies ist der richtige Weg und funktioniert für die styles.css-Anpassungen auf der ganzen Seite), aber es wird es nicht erkennen. Es wird nur die Landschaft verwendet. Es ist nicht so, als ob es die Medienabfragen nicht sehen würde, es zieht die Landschaft css. Aber wird nicht das Porträt verwenden. Sehr seltsam. Wenn Sie im Porträt und in der Landschaft grün für das bg sehen, ignoriert es das Porträt. Wenn Sie sehen, dass Blau funktioniert, bitte helfen Sie!

BTW, wenn ich Landschaft css loswerde, zieht es den Vorzug dem Portrait vor. macht keinen Sinn. Könnte der Iframe verhindern, dass er bei einer Orientierungsänderung neues CSS zieht?