响应式网页设计的快速教程（适合个人站点）

血玲珑

做过wap站、做过siteApp、做过第三方，也做过独立APP，现在又做了个自适应的模板。所谓“响应式网页设计(Responsive Web Design)”也就是自适应，就是可以自动识别屏幕宽度、并做出相应调整的网页设计。就是输入本站域名，手机、平板、PC端显示的效果不同的，但是URL确是相同的。
响应式网站，利于SEO(统一了URL)，利于用户体验，也利于用户分享，如下图所示：

(图为iphone显示效果)

(图为ipad显示效果，注意导航的变化)

(图为安卓手机微信上显示效果)

(PC版的直接就是现在这个界面了)