0

私はすべてのデバイス（サイズ）に対応するレスポンシブアプリを作成しています。式、ターゲット/コンテキスト=結果を使用しました。幅に 93.75% (900/960) を指定し、高さに同じ式を使用した場合 - 62.5% は表示されません。メインコンテンツ div が表示される高さに 600px を使用した場合、これを修正するにはどうすればよいですか?

以下は私が試した私のコードです、

<div class="maincontent"></div>

.maincontent{
width:93.75%;/*900/960*/
margin:5% 3.125%; /*30/960*/ 
height:62.5%;/*600*/
background:#2c3e50;
}
4

1 に答える 1

2

必要以上に多くの作業を行っていると思います。電卓を設定する方法は次のとおりです。

http://jsfiddle.net/TTQ4e/1/

パーセンテージを使用すると、すぐに面倒になることがあります。使用するパーセンテージが 100% だけであることに注意してください。

このようなことを行うことで、特定の高さの後にdivを見えるようにすることができます

.myDiv {
    display:none;
}

@media (max-height:600px) {
    .myDiv {
        display:block;
    }
}

編集

また、本当に心配する必要がある唯一のハンドヘルド解像度は次のとおりです。

320×480

480×320

360×640

640×360

768x1024

1024×768

800x1280

1280×800

于 2013-10-18T06:22:06.433 に答える