CSS3 @media 查询
来源:互联网 发布:美国陆军3 知乎 编辑:程序博客网 时间:2024/04/28 16:58
实例
如果文档宽度小于 300 像素则修改背景演示(background-color):
@media screen and (max-width: 300px){
body {
background-color:lightblue;
}
}
CSS 语法
@media mediatype and|not|only (media feature) {
CSS-Code;
}
CSS-Code;
}
你也可以针对不同的媒体使用不同 stylesheets :
<link rel="stylesheet" media="mediatype and | not | only (media feature)" href="mystylesheet.css">
mediatype(媒体类型):
all 用于所有设备
only 限制设备,如only screen(只针对彩屏设备)
print 用于打印机和打印预览
screen 用于电脑屏幕,平板电脑,智能手机等(常用)
speech 应用于屏幕阅读器等发声设备
media feature(媒体功能):常用如下
max-width(宽度小于时)
max-height (高度小于时)
min-width(宽度大于时)
min-height(高度大于时)
0 0
- CSS3中的media查询
- CSS3媒体查询media
- CSS3 @media 查询
- CSS3--媒体查询@media
- css3 media媒体查询
- CSS3 @media 查询
- CSS3 Media Queries 媒体查询
- CSS3 媒体查询(Media Query)
- CSS3 之媒体查询Media Query
- css3 media媒体查询器用法总结
- css3 media媒体查询器用法总结
- CSS3 Media Query 响应式媒体查询
- CSS3媒体查询(Media Queries)
- CSS3 Media Query 响应式媒体查询
- CSS3媒体查询 Media Queries 简介
- CSS3 Media Queries Css媒体查询
- css3 media媒体查询器用法总结
- css3 media媒体查询器用法总结
- linux上安装memcached步骤
- GUI应用程序架构的十年变迁:MVC,MVP,MVVM,Unidirectional,Clean
- TCP/IP数据包结构详解 ~张润萌
- ORA-00257: archiver error. Connect internal only, until freed
- UITableViewCell 复用笔记(一)结构设计
- CSS3 @media 查询
- css 定位与行框&行内框
- PAT-B 1051. 复数乘法
- mysql中 character set 和collation关系
- leetcode题集——最长回文子串(待整理)
- Android--进度条--ProgressBar--SeekBar
- POJ 3667 - Hotel(线段树+区间合并)
- android开发 使用Properties读取数据
- Deeplink做不出效果,那是你不会玩!