程序博客网 > 杭州淘宝美工培训

css媒体查询之height

来源：互联网发布：杭州淘宝美工培训编辑：程序博客网时间：2024/05/17 09:22

几个典型的应用方式

@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之间的时候，页面的颜色为绿色

0 0

杭州淘宝美工培训

杭州淘宝美工培训

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子斗戰神绝战绝影战兵绝战平安京六扇门绝战六扇门之绝战绝战江桥绝战冒险岛绝战桂林武绝战尊太白公子天生我才战球场绝期恨战绳战绳训练方法战绳训练战绳训练有什么好处战绳一次训练多久战绳10种训练方法战绳减脂战绳一次训练多久减脂战绳训练方法图解健身战绳战网魔暴雪战网点暴雪战网登录战网安全令暴雪战网登录入口战网登录入口暴雪战网入口 battlenet战网战网app 战网登录暴雪战网app 炉石战网战网手机安全令免费网战战网通行证年夜8085网战战虎影视网魔兽战网暴雪战网无法找到入口