当前位置： 首页 > web >正文

前端面经 响应式布局

web 2025/7/15 2:03:34

基本原理：根据媒体查询检测设备的屏幕尺寸，根据不同尺寸做处理

法1：媒体查询

@media screen (min-width:375)and (max-width:600)

flex布局

默认主轴水平 ，附轴垂直，分别以左和上为负方向

flex-wrap换行

flex-direction:主轴

justify-content:flex-start flex-end center spacebetween spacearound

http://www.xdnf.cn/news/10493.html

相关文章：

  • 2023ICPC杭州题解
  • 文档核心结构优化（程序C++...）
  • TensorFlow深度学习实战（19）——受限玻尔兹曼机
  • seq2seq 视频截图
  • 深度学习篇---人脸识别中的face-recognition库和深度学习
  • 【Canvas与色彩】八彩大风车
  • springboot-响应接收与ioc容器控制反转、Di依赖注入
  • nt!MiDispatchFault函数里面的nt!IoPageRead函数分析和nt!MiWaitForInPageComplete函数分析
  • URLDNS利用链剖析
  • latex figure Missing number, treated as zero. ＜to be read again＞
  • mybatis01
  • 3、禁止树莓派屏幕休眠，设置树莓派屏幕常亮
  • VisionPro —— 不规则胶路检测
  • Codeforces Round 1028 (Div. 2) C. Gellyfish and Flaming Peony
  • java synchronized关键字用法
  • STM32Cubemx-H7-17-麦克纳姆轮驱动
  • 关于神经网络中的梯度和神经网络的反向传播以及梯度与损失的关系
  • 用Python打开不同联类型的文件
  • 【xmb】】内部文档148344599
  • 大数据学习（126）-窗口函数范围
  • 通过WiFi无线连接小米手机摄像头到电脑的方法
  • AI炼丹日志-27 - Anubis 通过 PoW工作量证明的反爬虫组件 上手指南 原理解析
  • Java数值处理常见错误解析
  • java多线程与JUC
  • nt!MiDispatchFault函数分析之nt!MiCompleteProtoPteFault函数的作用
  • sqli-labs靶场32-37关（宽字节注入）
  • 历年苏州大学计算机保研上机真题
  • 语音转文字工具
  • Git 入门学习教程
  • Redis 缓存穿透、缓存击穿、缓存雪崩详解与解决方案