【css技术指南笔记】八章 响应设计
2015-04-20 00:00
351 查看
@media screen and (max-width:568px) { .header { width:100%; } }
媒体查询:
all 匹配所有设备
handled 匹配手持设备(小屏幕、单色、宽度有限)
print 匹配分页媒体或打印预览模式下的屏幕
screen 匹配彩色计算机屏幕
min-device-width max-device-width:匹配设备屏幕尺寸
min-width max-width:匹配视口的宽度,浏览器窗口宽度
orientation (值为 portrait竖 和 landscape横)匹配屏幕设备是横屏还是竖屏
相关文章推荐
- 【css技术指南笔记】 第三章 盒子模型 浮动 清除浮动 定位 显示属性 背景
- CSS 设计指南(第3版) 初读笔记
- 【css技术指南笔记】第五章 table-cell 布局
- 【css技术指南笔记】七章 border-radius box-shadow
- 【css技术指南笔记】div css 实现三角形
- 【css技术指南笔记】 第二章 选择器 伪类
- 【css技术指南笔记】第六章 导航菜单
- 【css技术指南笔记】 第四章 字体 文本
- 【css技术指南笔记】css居中
- 《CSS 设计指南》学习笔记 一
- 韩顺平_轻松搞定网页设计(html+css+javascript)_第22讲_js三大流程控制(顺序流程、分支控制、循环控制)_学习笔记_源代码图解_PPT文档整理
- HTML5权威指南笔记:24-其他css属性和特性
- Data Structures with C++ Using STL Chapter 2对象设计技术---笔记
- css-响应Web设计2
- flash 游戏设计笔记:切割位图技术
- css设计课堂笔记,有关样式的
- Java核心技术 卷一 笔记十 参数传递设计的调用
- css笔记--web端小于1px设计的处理方法
- css-响应Web设计3
- CSS学习笔记-附加篇(web标准化设计:常用的CSS命名规则)