1

これは非常に興味深いことが判明しました。私はこのサイト のメディア クエリで質問と回答を得て、既製のサイトを適応させました 。現在、彼らは「幅」のみをターゲットにしているようですが、画面の高さはどうでしょうか。幅が長くて高さが短い？

topmenu+body+footer を 800px の高さに合わせたいのですが、試してみました

@media all and (min-height: 768px) and (max-height: 959px) {
div#container{
  position:relative;
  margin:0 auto; 
  height:70%;
  min-height:70%;}

div#content {
  min-height: 350px;
}
}

しかし、それは役に立たない。

4

1 に答える 1

1

以下を使用して縦向きまたは横向きを検出できます。

/* Portrait */
@media screen and (orientation:portrait) {

}

また

/* Landscape */
@media screen and (orientation:landscape) {

}

または、より正確にしたい場合：

@media screen and (device-aspect-ratio: 16/9) {

}

または、より一般的に使用されます：

@media all and (max-height: 1000px) and (min-height: 700px) {

}
于 2012-08-27T07:47:06.807 に答える