Packt Responsive Web Design with HTML5and CSS3 2012电子书
响应式布局的核心玩法，HTML5 和 CSS3 的组合拳打得挺漂亮的。Ben Frain 写的这本《Responsive Web Design with HTML5 and CSS3》算是老书了，但干货依然硬核。讲清楚了怎么用 媒体查询 控制样式、用 流式网格 搭页面，还有怎么图片自适应这些事，适合想彻底搞懂 RWD 的你。
HTML5 的 、<video>、 这些标签，听着高大上，实际用起来其实不难。比如用 <video> 嵌个短片，几行代码就搞定，体验感一下就上来了。
CSS3 的部分也蛮实用，像 圆角、阴影、渐变 这些视觉效果全都不用 PS 了，一句 border-radius 或 box-shadow 就能出效果。最关键的还是 Media Queries，能根据屏幕宽度写不同的样式规则，代码也清爽，维护起来不头大。
像下面这段：
body {
font-size: 16px;
}
@media (max-width: 600px) {
body {
font-size: 14px;
}
}
这种写法在移动端显示就比较舒服了，字体不会挤一团。
还有一点挺重要的就是 视口元标签，记得写上：
<meta name="viewport" content="width=device-width, initial-scale=1.0">不然你样式写得再好，移动端也显示错位。
如果你平时做响应式项目多，或者准备接点外包活，这本书翻一翻还是有收获的。虽然出版时间早，但多理念现在依然适用，适合补基础，也适合查漏补缺。
文件大小：21.14MB
评论区