絶対ポジションを最低40%と320pxに設定する方法はありますか?ポジションアブソリュートトップ40%AND 320px
私のページが低くなりすぎると、divは最低でも320px(40%以上の高さ)を維持する必要があります。
私のページが高くなると、最低でも40%の高さが必要になります。これは320px以上になります。
.class {
position: absolute;
top: 40%;
top: 320px;
}
絶対ポジションを最低40%と320pxに設定する方法はありますか?ポジションアブソリュートトップ40%AND 320px
私のページが低くなりすぎると、divは最低でも320px(40%以上の高さ)を維持する必要があります。
私のページが高くなると、最低でも40%の高さが必要になります。これは320px以上になります。
.class {
position: absolute;
top: 40%;
top: 320px;
}
おそらくあなたのコードは次のようになりshoud Media Query
を使用しよう:
@media (max-height: 400px) {
.class {
position: absolute;
top: 320px;
}
}
@media (min-height: 401px) {
.class {
position: absolute;
top: 40%;
}
}
クエリを入れ替え、 '@media(min-height:401px)'を冗長なステートメントとして削除してそのまま残すことで、その内容。したがって 'top:40%;を持つクラスは、' max-height:400px'のメディアクエリによってオーバーライドされない限り毎回動作します – Banzay
@Banzayうん、そうです。しかし、これは単にメディアクエリの使用例です。ちなみに、 "マスター"スタイルを使用すると、メディアクエリで書き直されます。これは良い習慣です。ありがとう。 –
チェックアウトメディアクエリ。あなたが探しているものでなければなりません。リンク:https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries –
「top:」は高さではなく位置であるため、質問は明確ではありません – Banzay
@Banzay彼はウィンドウの高さを意味します –