元数据

响应式Web设计:HTML5和CSS3实战(第2版)

  •  响应式Web设计:HTML5和CSS3实战(第2版)|200
  • 书名: 响应式Web设计:HTML5和CSS3实战(第2版)
  • 作者: 本·弗莱恩
  • 简介: 本书将当前Web设计中热门的响应式设计技术与HTML5和CSS3结合起来,为读者全面深入地讲解了针对各种屏幕大小设计和开发现代网站的各种技术。书中不仅讨论了媒体查询、弹性布局、响应式图片,更将最新和最有用的HTML5和CSS3技术一并讲解,是学习最新Web设计技术不可多得的佳作。
  • 出版时间 2017-01-01 00:00:00
  • ISBN: 9787115446558
  • 分类: 计算机-编程设计
  • 出版社: 人民邮电出版社
  • PC地址:https://weread.qq.com/web/reader/9a0326a0715c01889a03e73

高亮划线

第1章 响应式Web设计基础

📌 不管怎么统计,移动设备的增长都是前所未有的。与此同时,27英寸乃至30英寸的大屏幕显示器如今也成为了司空见惯的东西。这样一来,上网设备屏幕之间的差距也达到了前所未有之大。 ⏱ 2020-06-18 15:08:12

📌 面对不断扩展的浏览器和设备,我们还是有应对方案的。这个方案就是基于HTML5和CSS3的响应式Web设计。响应式Web设计可以让一个网站同时适配多种设备和多个屏幕,可以让网站的布局和功能随用户的使用环境(屏幕大小、输入方式、设备/浏览器能力)而变化。 ⏱ 2020-06-18 15:08:18

1.3 浏览器支持

📌 在通常情况下,我们写的网站必须在所有常用浏览器里表现正常。除了基本功能,有必要提前确定针对哪个平台要实现最强的功能,以便对其他平台上的视觉和功能作出相应取舍。 ⏱ 2020-06-18 15:20:48

📌 这是非常实际的做法,因为从最简单的“基本”体验开始,逐步扩充(所谓“渐进增强”)更容易。相反,先做出大而全的版本,然后再针对能力不足的平台寻找后备方案(所谓“平稳退化”)则要麻烦得多。 ⏱ 2020-06-18 15:20:55

📌 如果支持浏览器X的开发成本超过了浏览器X的用户创造的收益,那么就不为该浏览器开发特殊的版本。 ⏱ 2020-06-18 15:23:12

1.4 第一个响应式的例子

📌 我们知道,当视口宽度超过600像素时,当前的页面布局存在被严重拉伸的问题。下面我们就使用CSS3的媒体查询根据屏幕宽度来调整布局。 ⏱ 2020-06-19 14:48:55

读书笔记

1.3 浏览器支持

划线评论

📌 在确定哪些平台和浏览器版本支持什么特性时,建议参考这个网站:http://caniuse.com。这个网站的界面简洁,查询方便 ^8292450-7iceQy2We - 💭 浏览器特性 - ⏱ 2020-06-18 15:23:27

本书评论