2016-07-18 2 views
0

プラットフォームの高さにscssコードを対応させる方法はありますか?イオンでイオン性プラットフォームに基づく条件付SCSS.height

次のように私は、プラットフォームの高さを取得します:

this.platform.height() 

私は、プラットフォームの高さがある場合、私は100%にmax-widthセットを持っていると思います私のapp.core.scssファイル内のクラスを持っています> 480、プラットフォームの高さが0の場合は50%になります。< = 480

+0

メディアクエリだけではできませんか? –

答えて

1

@Bill:メディアクエリを先に試してください。しかし、プラットフォームの高さはどういう意味ですか?このデバイスの画面の高さですか?

@media screen and (max-height: 480px){ 
    .CLASS-TO-BE-SET { 
     width: 50%; 
    } 
} 

@media screen and (min-height: 481px){ 
    .CLASS-TO-BE-SET { 
     width: 100%; 
    } 
} 
+0

すばらしいおかげでそれらを試してみます –

+0

@BillNoble:デバイスを設定しようとしている場合。デバイスの幅と高さがそれに基づいて変化するため、デバイスの向きの縦および横もチェックする必要があります。続きを読む:https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries – trungk18

+0

完璧に感謝しました。 –

関連する問題