Css3媒体查询
2016-04-10 13:03
357 查看
详情请参考
原网址:https://developer.mozilla.org/zh-CN/docs/Web/Guide/CSS/Media_queries
备份文件:http://pan.baidu.com/s/1bpDL4Qz
格式大概如下
作用
“响应式设计(Responsive Design)”是一种让网站针对不同的浏览器和设备“响应”不同显示效果的策略,这样可以让网站在任何情况下显示的很棒!
媒体查询是做此事所需的最强大的工具。
原网址:https://developer.mozilla.org/zh-CN/docs/Web/Guide/CSS/Media_queries
备份文件:http://pan.baidu.com/s/1bpDL4Qz
格式大概如下
/* 小型设备(平板电脑,768px 起) */ @media (min-width:768px) {...} /* 中型设备(台式电脑,992px 起) */ @media (min-width: 992px) {...} /* 大型设备(大台式电脑,1200px 起) */ @media (min-width:1200px) {...}
作用
“响应式设计(Responsive Design)”是一种让网站针对不同的浏览器和设备“响应”不同显示效果的策略,这样可以让网站在任何情况下显示的很棒!
媒体查询是做此事所需的最强大的工具。
相关文章推荐
- html+css知识点总结
- CSS文字两端对齐
- CSS3学习之选择器篇
- CSS动画中的贝塞尔
- CSS3中文手册基础知识
- json常见样式
- CSS创建图片库&透明图片&媒介类型
- html入门(3)-css选择器和表格
- CSS书写规范及顺序
- 需警惕CSS3属性的书写顺序
- 纯css实现二级菜单栏
- 鼠标悬停图片、文字css3效果
- 浮动窗口-固定窗口-css实现窗口浮动-jq浮动窗口-三种方法
- 纯css3鼠标经过出现文字或图片鼠标移走消失
- jq鼠标经过图片消失和出现边框
- 键盘样式风格有关设置-iOS开发
- CSS对齐&尺寸&分类&导航栏
- 内建与外联css与js的优劣
- CSS position 定位知识细节
- CSS结构伪类选择器