css 媒体查询

来源：互联网发布：java socket 中断编辑：程序博客网时间：2024/05/21 14:49

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>媒体查询</title>    <style>        /*@media screen and (min-width: 1118px){}*/        .box{            width: 100px;            height: 100px;        }        /*1366*/        @media screen and (min-width:1024px) and (max-width:1439px){            .box{                background: #ff76bc;            }        }        /*1440*/        @media screen and (min-width:1440px) and (max-width:1600px){            .box{                background: #0b486b;            }        }        /*1920*/        @media screen and (min-width:1601px) and (max-width:1920px){            .box{                background: #e1b700;            }        }    </style></head><body></body><div class="box"></div></html>

阅读全文

0 0

CSS媒体查询
CSS媒体查询
CSS媒体查询
CSS媒体查询器
CSS 媒体查询
HTML/CSS: 媒体查询
CSS知识点：媒体查询
CSS媒体查询
CSS Media媒体查询
CSS Media媒体查询
css媒体查询 @media
css 媒体查询
css的媒体查询
css媒体查询之width
css媒体查询之height
CSS详解— —媒体查询(2)
CSS引用鲜为人知的媒体查询
css基础学习之--媒体查询
jQuery(4)__jQuery基础<Ajax>
Git简介及入门
laravel笔记-Eloquent ORM(关联关系)
插件化框架 RePlugin 应用之一：配置及内置插件
Spring Boot 数据缓存 Cache
css 媒体查询
[容斥][排列组合] BZOJ4710 && Jsoi2011.分特产
手把手教你如何玩转Hibernate
设计模式---单个工厂的设计模式
修改mysql 数据库的表的列的备注信息
JavaScript 中匹配单个字符实例
将年月日时分秒都保存进数据库
实验数据的频谱分析
EMQ插件开发mysql实现认证和访问控制