媒体查询:
将系统地学习媒体查询。媒体查询其实就是CSS的if语句。如果宽度为800px或更宽,如果是横屏,如果分辨率是1.5dppx或更小:使用这些CSS声明。
媒体查询有以下三种类型。
1.媒介类型查询:这是什么类型的设备。
2.视口相关的媒体查询——这一部分的核心。
3.特性相关媒体查询:浏览器是否支持特性X?
这一部分讨论的媒体查询只对整个页面起作用。但是,对元素使用媒体查询的想法浮出了水面。它们会根据特定元素而不是整个页面的宽度或高度做出反应。这对Twitter或Facebook的组件等会有很大帮助。虽然在写这本书的时候,元素媒体查询还没有被支持,甚至在语法和作用域上还没有达成一致,但这是一个很好的想法,我希望它们最终会被实现。
我们将不会讲最后一种类型。虽然有些内容可能对移动Web开发者有帮助,但目前被支持的功能是最没用的,并且这些功能跟视口没有任何关系。
- 前端开发(知识技术汇总)经验之谈
- 1.响应式Web开发,必懂媒体查询(系统理论+实战教程)
- 一,媒体类型
- 二,语法笔记
- 三,宽度和高度
- 四,在媒体查询中使用em
- 五,转向
- 2.HTML 5:足以改变我们未来生活的十个方面
- 一,HTML5是一种新型语言
- 3.我们需要一款新的浏览器
- 一,新的浏览器折衷途径
- 4.视频播放更加轻松
- 一,动画已被包含于其中
- 5.视频通话全面来临
- 一,古董级语言仍能正常起效
- 6.设备平台差异仍然不容忽视
- 7.HTML5全面针对移动设备
- 一,HTML5相当复杂,但这是件好事
- 8.如何成为一个优秀的前端工程师
- 一,不要只是解决问题
- 二,学会预测浏览器领域将来的变化
- 三,阅读什么样的文档
- 三,阅读其他人的代码
- 四,如何合作
- 五,重复造轮子
- 六,记录
- 9.使用Javascript来创建一个响应式全景图片查看幻灯效果
- 一,如何实现?
- 二,代码实现
- 三, 新的项目
- 四,加载进度条
- 五,添加互动
- 六,样式