0

私は現在、適応型ウェブサイトに変換しているサイトで問題を抱えています。どういうわけか、私はiPadで動作するオリエンテーションの1つしか取得できません。ランドスケープスタイリングをコメントアウトすると、ポートレートスタイリングはiPadで機能し、その逆も同様です。私は本当に私が間違っていることが何であるかを理解していません...

これらは私が使用しているメディアクエリです：

@media all and (device-width : 768px) and (orientation: landscape) {}
@media all and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait){}

ここにサイトwww.imarken.dkへのリンクがあります

4

3 に答える 3

0

これらに旋風を与えます：

@media only screen and (device-width: 768px) {
  /* targets iPad  */
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  /* targets iPad Portrait */
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
 /* targets iPad Landscape */
}
于 2012-09-03T13:57:26.950 に答える
0

問題は にありmin-device-widthます。768 の代わりに 481 を使用してみてください。

于 2012-08-30T21:13:30.027 に答える
0

今日も同じ問題がありました！結局のところ、meta viewport タグで height=device-height を削除すると、問題が修正され、CSS が期待どおりに縦向きと横向きを切り替えることができるようになりました。お役に立てれば！

于 2013-03-19T19:05:21.250 に答える