[CSS3] CSS Media Queries
2023-09-14 09:00:54 时间
Using CSS media queries allows you to design responsive layout in your web apps and website. We will go over the media query basics in this lesson.
body{ background-color: limegreen; } /* @media not|only mediatype and (expression) CSS-Code */ @media (min-width: 600px){ body{ background-color: pink; } } @media (max-width: 300px){ body{ background-color: red; } } @media (min-width: 400px) and (max-width: 500px){ body{ background-color: yellow; color: black; } }
相关文章
- 【CSS3】---- 纯 css 控制 html5旋转音乐图标,控制背景音乐
- css gray rgb数值,CSS3 调色板 颜色值对照表
- CSS3 transition 渐变特效
- CSS3新增选择器
- css transition ease,css3 transition属性「建议收藏」
- html css制作404页面,CSS3绘制404页面
- CSS3 做一个旋转的立体3D正方形 动效核心【前端就业课 第二阶段】CSS 零基础到实战(07)
- js动画和css3动画_js控制css动画
- CSS3 transform 和 canvas 背后不为人知的秘密
- CSS 换行_css不允许换行
- CSS3进阶整理
- 【CSS3】CSS3 2D 转换 - translate 平移 ( transform: translate 样式 | 百分比移动相对于元素自身尺寸 | 百分比移动实现绝对定位的居中效果 )
- CSS3倒影效果详解编程语言
- css3 preserve-3d 的理解 注意IOS上的兼容详解编程语言
- CSS3 3D转换
- CSS3 多重背景
- CSS3 2D转换
- CSS连接MySQL构建可视化Web应用(css连接mysql)
- CSS如何影响MySQL的使用(css影响MySQL)
- 简单的加密css地址防止别人下载你的CSS文件的方法
- 7款风格新颖的jQuery/CSS3菜单导航分享
- 7款吸引人眼球的jQuery/CSS3特效实例分享
- JS判断浏览器是否支持某一个CSS3属性的方法
- 分享33个jQuery与CSS3实现的绚丽鼠标悬停效果
- jQuery+CSS3实现树叶飘落特效
- jquery和css3实现的炫酷时尚的菜单导航