文章来源于网络收集而来,版权归原创者所有,如有侵权请及时联系!
1.12 小结
本章,我们介绍了什么是响应式设计,并且欣赏了已有的优秀响应式设计范例。这些设计都是使用我们将在本书中讲解的工具和技术构建的。我们也已认同,以桌面电脑为中心的设计思想,应该转变成为未知设备而设计的思想。首先为最小的可视区域设计版式,然后在此基础上渐进增强用户体验。通过了解新的HTML5规范,我们确定HTML5的大部分内容可用,而且能够发挥其优势。换句话说,新的语义标签允许我们使用更简洁的代码创建比以往更具语义的网页。
实现响应式设计的关键技术是CSS3。在使用CSS3添加渐变、圆角、文字阴影和动画等视觉效果之前,首先要让它来扮演一个更重要的角色,那就是利用CSS3的媒体查询,针对特定的视口设置特定的CSS规则。下一章我们将开始“响应式网页设计”的探索之旅。
【注释】
(1)一种游戏,详见http://en.wikipedia.org/wiki/Tiddlywinks。
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论