CSS中的 @media属性
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0,minimum-scale=1.0, user-scalable=no" name="viewport">
<title>Title</title>
<style>
.page-header{
height: 300px;
background-color: red;
}
/* 当页面宽度大于等于800时，内部的样式就会生效。 */
@media (min-width: 800px) {
.page-header{
background-color: green;
}
}
</style>
</head>
<body>
<div class="page-header">www.xhcj168.com</div>
</body>
</html>
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· 25岁的心里话
· 闲置电脑爆改个人服务器（超详细） #公网映射 #Vmware虚拟网络编辑器
· 零经验选手，Compose 一天开发一款小游戏！
· 因为Apifox不支持离线，我果断选择了Apipost！
· 通过 API 将Deepseek响应流式内容输出到前端
2022-01-01 laravel COOKIE获取和设置
2022-01-01 laravel5.6安装方法
2022-01-01 laravel 理解中间件用法