2016-12-27 2 views
0

絶対ポジションを最低40%と320pxに設定する方法はありますか?ポジションアブソリュートトップ40%AND 320px

私のページが低くなりすぎると、divは最低でも320px(40%以上の高さ)を維持する必要があります。

私のページが高くなると、最低でも40%の高さが必要になります。これは320px以上になります。

.class { 
 
    position: absolute; 
 
    top: 40%; 
 
    top: 320px; 
 
}

+2

チェックアウトメディアクエリ。あなたが探しているものでなければなりません。リンク:https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries –

+0

「top:」は高さではなく位置であるため、質問は明確ではありません – Banzay

+0

@Banzay彼はウィンドウの高さを意味します –

答えて

4

おそらくあなたのコードは次のようになりshoud Media Query

を使用しよう:

@media (max-height: 400px) { 
    .class { 
    position: absolute; 
    top: 320px; 
    } 
} 

@media (min-height: 401px) { 
    .class { 
    position: absolute; 
    top: 40%; 
    } 
} 
+0

クエリを入れ替え、 '@media(min-height:401px)'を冗長なステートメントとして削除してそのまま残すことで、その内容。したがって 'top:40%;を持つクラスは、' max-height:400px'のメディアクエリによってオーバーライドされない限り毎回動作します – Banzay

+0

@Banzayうん、そうです。しかし、これは単にメディアクエリの使用例です。ちなみに、 "マスター"スタイルを使用すると、メディアクエリで書き直されます。これは良い習慣です。ありがとう。 –

関連する問題