在CSS3中,有一個非常重要的特性是媒體查詢,通過媒體查詢可以根據設備的不同特征,來針對性的應用CSS樣式。
其中,CSS3中的媒體查詢可以通過以下語法來實現:
@media mediatype and (條件1) and (條件2){樣式}
其中,mediatype可以是all、screen、print等;而條件部分則可以是屏幕寬度、高度、顏色、方向等。
在所有的條件部分中,媒體查詢中的高度條件(height)非常重要,可以針對不同設備高度的特征,來加載或屏蔽某些CSS樣式。
例如,在手機設備中,通常會使用垂直布局,而高度比較小,因此可以在媒體查詢中設置一些針對手機高度的CSS樣式,使其更適合手機端的瀏覽。
@media screen and (max-height: 768px){/* 這里放針對手機高度的CSS樣式 */}
這里的max-height就是針對高度的條件部分,這里設置的是當屏幕高度小于等于768px時,加載這段CSS樣式。
需要注意的是,針對高度的條件部分,可以使用min-height和max-height,分別表示最小高度和最大高度,用法與寬度條件部分類似。
總之,使用CSS3的媒體查詢高度條件,可以讓我們更方便的判斷設備的特征,并針對性的應用合適的CSS樣式,提高頁面瀏覽的體驗。
上一篇mysql修改數據用
下一篇css3ppt