在CSS中,您可以使用媒體查詢(media query)為不同的設備和屏幕尺寸設置不同的樣式。要設置minheight
的媒體查詢,請按照以下步驟操作:
minheight
屬性。例如,如果您希望所有設備的minheight
為100vh
,則可以編寫以下代碼:.element {
min-height: 100vh;
}
@media
規則來定義媒體查詢。例如,如果您希望為小于768px寬度的屏幕設置minheight
為50vh
,則可以編寫以下代碼:@media (max-width: 767px) {
.element {
min-height: 50vh;
}
}
在這個例子中,.element
將對其minheight
屬性應用不同的值,具體取決于屏幕寬度。對于小于768px的屏幕,minheight
將被設置為50vh
,而對于大于或等于768px的屏幕,minheight
將被設置為100vh
。
您可以根據需要添加多個媒體查詢,以針對不同的屏幕尺寸和設備類型設置不同的minheight
值。