css3media高度

在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样式，提高页面浏览的体验。

查看更多关于css3media高度的详细内容...