响应式布局组件介绍

一响应式布局

@media

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .c1 {
            background-color: red;
            height: 50px;
        }
        /*大于700宽度生效*/
        @media (min-width: 700px) {
            .c2 {
                background-color: blue;
            }
        }
    </style>
</head>
<body>
    <div class="c1 c2"></div>
</body>
</html>

View Code

相关文章：

猜你喜欢

2022-02-09
2021-11-17
2021-08-02
2021-12-25
2021-09-25
2022-12-23
2021-05-01

相关资源

下载 2023-03-06
下载 2022-12-24
下载 2021-06-27
下载 2022-12-08
下载 2023-01-03

相似解决方案

热门标签

Java Python linux javascript Mysql C# Docker 算法前端 SpringBoot Redis Vue spring 设计模式 .net core .net kubernetes c++ 数据库数据结构大数据 js 机器学习微服务 Android Go 程序员面试 JVM ASP.net core 云原生人工智能后端 PHP git CSS golang k8s Nginx Django mybatis 深度学习多线程 React 架构 devops 爬虫云计算 Spring Boot LeetCode