0
0
silencement
发布时间：2019-05-29 12:00:06
|4380人浏览过
|来源于php中文网
原创
css @media属性定义和使用
使用 @media 查询，可以针对不同的媒体类型定义不同的样式。
@media可以针对不同的屏幕尺寸设置不同的样式，特别是如果需要设置设计响应式的页面，@media 是非常有用的。
当你重置浏览器大小的过程中，页面也会根据浏览器的宽度和高度重新渲染页面。
立即学习“前端免费学习笔记（深入）”；
实例
如果文档宽度小于 300 像素则修改背景颜色(background-color)
@media screen and (max-width: 300px) {
body {
background-color:lightblue;
}
}语法
@media mediatype and|not|only (media feature) {
CSS-Code;
}也可以针对不同的媒体使用不同 stylesheets
媒体类型
相关文章
css 类选择器和 id 选择器有什么区别_选择器使用规范说明
css文字溢出属性_ellipses与overflow的配合使用
css 想让图片在滚动到可视区域时播放动画怎么办_利用 keyframes 和交叉观察器触发动画
css 如何只选中包含某属性的元素_使用属性选择器 [attr]
css过渡效果如何更自然_使用ease或自定义timing-function
本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
热门AI工具
相关专题
无人机驾驶证（CAAC执照）报考需年满16周岁，初中以上学历，身体健康（矫正视力1.0以上，无严重疾病），且无犯罪记录。个人需通过民航局授权的训练机构报名，经理论（法规、原理）、模拟飞行、实操（GPS/姿态模式）及地面站训练后考试合格，通常15-25天拿证。
27
2026.01.21
热门下载
精品课程
最新文章
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
