返回介绍

1.12 小结

发布于 2024-08-18 00:24:16 字数 434 浏览 0 评论 0 收藏 0

本章,我们介绍了什么是响应式设计,并且欣赏了已有的优秀响应式设计范例。这些设计都是使用我们将在本书中讲解的工具和技术构建的。我们也已认同,以桌面电脑为中心的设计思想,应该转变成为未知设备而设计的思想。首先为最小的可视区域设计版式,然后在此基础上渐进增强用户体验。通过了解新的HTML5规范,我们确定HTML5的大部分内容可用,而且能够发挥其优势。换句话说,新的语义标签允许我们使用更简洁的代码创建比以往更具语义的网页。

实现响应式设计的关键技术是CSS3。在使用CSS3添加渐变、圆角、文字阴影和动画等视觉效果之前,首先要让它来扮演一个更重要的角色,那就是利用CSS3的媒体查询,针对特定的视口设置特定的CSS规则。下一章我们将开始“响应式网页设计”的探索之旅。

【注释】

(1)一种游戏,详见http://en.wikipedia.org/wiki/Tiddlywinks。

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文