您的位置：首页 > Web前端 > CSS

css媒体查询之height

2015-12-30 22:31 676 查看

几个典型的应用方式

@media (min-height:400px){ … }
@media screen and (height:600px){ … }
@import url(example.css) screen and (height:800px);


应用例子

!doctype html>
<html>
<head>
<title>Test media query of height</title>
<style>
@media all and (min-height:200px) and (max-height:250px){
body{
background-color:green;
}
}
</style>
</head>
<body>
<h1>This is a test</h1>
</body>
</html>


当页面的高度在200px至250px之间的时候，页面的颜色为绿色
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航