学习响应式网站设计，如何避免哪些常见错误，提升用户体验？

摸个底。 响应式网站设计已成为不可或缺的一环。它不仅能让你的页面在桌面、 平板和手机等更多种设备上自如切换，更十分沉关键的是它直接关系到用户的第一印象与最终还是体验。若你正踏上这条学习了解之路，千万不要被那一些看似简洁却暗藏陷阱的常见错误所吞噬。

一、 先别急着追求“完美”，先给自己留一块试验田

刚启动学习了解时你有可能会被较更多的框架与插件吸引，想把全部功能一次性集成进去。可这往往引起页面过度臃肿、 我跟你交个底... 加载速度变缓慢，甚至出现兼容性问题。记住：先做最较小可行产品在此基础上逐步迭代。

1.1 先搭建基础结构， 再逐层打磨细节

我傻了。 采用语义化标签能够协助搜索引擎更良好地抓取内容，也方便后期维护。

1.2 让你的代码保持整洁整洁

Avoid nested selectors beyond two levels deep, keep your CSS modular with BEM or SMACSS principles, and always remove unused styles after a build.，就这样吧...

二、 图片与媒体平台——视觉冲击力的双刃剑

图片是网页灵魂，却也是性能杀手。