Chris Coyier

受 Mark Otto 关于 GitHub 的 CSS 的文章和 Ian Feather 关于 Lonely Planet 的 CSS 的文章的启发，我想加入这场讨论，并谈谈我们在 CodePen 中如何使用 CSS……

当您更改 CSS 属性的值时，浏览器需要对您的更改做出反应。某些值会更改页面的布局。例如，width 的更改需要浏览器更新布局，然后“绘制”任何像素……

Dave Rupert 对自己的响应式网站进行了深入分析，以了解自己的现状，确定需要改进的地方，并评估响应式设计导致网站臃肿的观点。

Dave 说

期待响应式 Web 设计

Mark Otto 带领我们参观了 GitHub.com 的 CSS。阅读这样一篇直截了当的文章真是太好了，包括所有缺点。

这与我们在 CodePen 中的做法有 90% 的相同。一个主要区别在于……

Andreas Bovens 汇编了这个关于<picture> / <img srcset> 的史诗级食谱列表。有四种场景

• 我的图片尺寸是否会根据我的响应式设计规则而变化？
• 我想针对高dpi屏幕进行优化吗？
• 我

Mathias Bynens 是发现、调查和玩弄 CSS 和 HTML 奇特（但通常有效）片段的大师……

关于 SVG 的大量信息……

Harry Roberts 在这里提出的总体观点是，尽可能降低选择器的特异性。这样做的最终结果是

1. 更可重用的样式。
2. 当您需要覆盖该样式时，您将有机会

我非常喜欢将 box-sizing 重置为 border-box，以至于我们在这里为此设立了 一年一度的特殊日子。但是，在设置它时进行一些调整似乎是一个非常好的主意……