モバイル - 私は<strong>モバイル</strong>アプリのための次のメディアクエリを持っている大画面

申請小さい画面用のメディアクエリ、このメディアクエリ内のスタイルは、すべての画面に適用するために私が欲しいものモバイル - 私は<strong>モバイル</strong>アプリのための次のメディアクエリを持っている大画面

only screen and (max-height: 630px) and (orientation: portrait) {}

がありますこれは、630px以下の高さでです。基本的には、より小さな画面に適用する必要があります。ブラウザ上でこれは素晴らしい作品です。しかし、実際のデバイスでは、正常に動作しません。

630pxより大きいデバイスは、そのメディアクエリ内にスタイルを適用します。スタイルが適用され得ているいくつかの大画面（でも新しい携帯電話）に残って

only screen and (max-height: 630px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {}

- 私は、ピクセル比を追加することにより、一部画面のためにそれを修正するために管理しました。私はここで間違って何をしていますか？

2017-04-26 12:30:58

あなたはmax-device-heightを意味しますか？私が持っているコンテンツがスクロールしなくても画面に合うには長すぎる場合、そのメディアクエリにスタイルを適用する必要があります。だから私は高さを使いたいのです。これらは肖像画特有のものなので、肖像画も。 – user3607282

@ user3607282はい同じことが高さです。それを試しましたか？ –

うん。できます。ありがとうございました！ – user3607282

これを試してください。

@media screen and (max-height: 630px){ 
    //Write your mobile styles here 
}

2017-04-26 08:28:38 athi

こんにちはについて良い記事device-height

@media only screen and (max-device-height: 630px) and (orientation: portrait) { /* Code */ }

を使用してみてください。なぜあなたは（オリエンテーション：ポートレート）部分を削除したのですか？理由はありますか？ – user3607282

答えて