@media媒体查询
2024-09-01 06:49:11
@media媒体查询
@media screen and (min-width:640px) and (max-width:1920px){/*当屏幕尺寸大于640px时与小于1920时*/
.public_banner_month{padding-top:4%;}
}
@media screen and (max-width: 370px){ /*当屏幕尺寸小于370px时*/
.public_banner_month{padding-top:1%;}
}
另一种方式:
一种是直接在link中判断设备的尺寸,然后引用不同的css文件
<link rel="stylesheet" type="text/css" href="style.css" media="screen and (min-width: 370px)">
上面的意思是当屏幕的宽度大于等于400px的时候,应用style.css
附件:
https://blog.csdn.net/lockey23/article/details/75452536
https://developer.mozilla.org/zh-CN/docs/Web/Guide/CSS/Media_queries
最新文章
- Sql Server系列:键和约束
- Windows7台式电脑怎么调节屏幕亮度
- LB负载均衡层次结构(摘抄)
- Smali语法编程
- JDK-Logger
- tornado web高级开发项目之抽屉官网的页面登陆验证、form验证、点赞、评论、文章分页处理、发送邮箱验证码、登陆验证码、注册、发布文章、上传图片
- 上传预览图片自己做的.md
- [ZZ] Understanding 3D rendering step by step with 3DMark11 - BeHardware >;>; Graphics cards
- iOS Bluetooth Reconnect
- Tombstone crash
- Qt 学习之路 :访问网络(4)
- [linux]ubuntu14.04通过apt-get安装软件失败
- redis修改的源代码zincrby,hincrby命令
- mysql免安装版下载及配置教程
- PADS导入DXF板框,不能将开放的2D线转换成闭合的板框错误
- 在linux系统中实现各项监控的关键技术(2)--内核态与用户态进程之间的通信netlink
- springboot-multisource
- golang 原子操作函数
- IO知识点整理(文件File类的使用)
- 微信小程序 - 下拉菜单组件
热门文章
- 检测IE浏览器版本是否过低
- C#泛型序列化困境
- SSD
- Django基础学习七之如何配置django+mysql
- Linq多字段排序
- JetBrains全家桶激活地址
- 在Linux(Ubuntu)下安装Arial、Times New Roman等字体
- Struts2,Spring3,Hibernate4整合--SSH框架
- [Training Video - 3] [Java Introduction] [Object Oriented Programming]
- Java Thread系列(九)Master-Worker模式