title-logo
大伟的学习笔记
  • 首页
  • 瞬间
  • 归档
  • 链接
  • 文库
  • 前端开发
    • Halo 博客中 Pjax 实践的通用方案
    • HTML 解析过程中 Script 标签、DomContentLoaded 事件的加载顺序
    • 如何在外部调用 Alpine Js 声明的变量与函数？
    • tailwindcss 中 ul ol 默认样式为 list-style: none 解决方法
    • flex item 在其内容超出宽度而被撑开时，shrink 不生效问题
    • 响应式布局—— @media 媒体查询
    • vue 基础
    • css: transform、transition、animation 区别
  • 部署运维
    • 实现微信朋友圈图片九宫格布局
    • 什么是 SSL 证书？
    • nginx 配置 php 问题
  • 博客优化
    • 记录一个新的博客想法
    • 博客文章目录树的设计思路
    • 瞬间的最终形态
    • Stellar主题优化记录
    • 博客组织结构的思考
    • Halo 博客，登录下使隐藏瞬间可见
    • 读“张洪Heo”博客设计有感
    • 博客开发记录
    • Hello Halo
  • 个人思考
    • 这是一篇置顶文章🔝
    • 怎样去学习一门新知识
  • 生活分享
  • 技巧知识
    • Markdown 行文规范
    • 分期免息实际年利率计算
  • 博客
  • 文库

css

#新年 0 #JavaScript 2 #电话 0 #遗憾 0 #服务器 0 #缺点 0 #emo 1 #听歌 1 #自媒体 0 #公务员 0 #计划 0 #迷信 1 #alpine 1 #pjax 2 #复盘 0 #父母 0 #灵感 1 #后悔 0 #感悟 2 #第一次 1 #梦境 0 #html 0 #stellar 2 #投资 0 #成长 0 #感悟 0 #金融 1 #知识 1 #技巧 1 #规范 2 #Markdown 1 #css 1 #设计 2 #项目 2 #部署 2 #ssl 1 #vue 1 #主题 2 #博客 6 #思考 3 #生活 0 #php 1 #nginx 1 #Halo 7

响应式布局—— @media 媒体查询

思路 需要理解的几个概念： 大屏优先，小屏优先。 所谓大屏优先还是小屏优先，它的意思就是原本你的这套布局样式默认情况下是大屏样式还是小屏样式，即不使用 @media 媒体查询下的样式。 max-width，min-width。 屏幕值是变化的，这两个值就是用来设置查询断点的，当 min-width


2024-10-30
86
0
© 2025 大伟的学习笔记 | RSS | SITEMAP | TAG
湘公网安备43040002000267号 | 湘ICP备2024093278号