响应式设计实战：一套代码适配手机和电脑

现在手机流量早超过电脑了，网站不做移动端适配等于丢了一半用户。响应式设计是目前最省事的做法，一套代码全搞定。

核心就是媒体查询。屏幕宽度小于768像素时，导航收成汉堡菜单，多列布局变单列，字体适当放大。写几行CSS，电脑手机都好看。

图片也要响应式。用srcset根据屏幕密度加载不同尺寸，手机不下载电脑的大图，流量省不少。我们做的站移动端打开速度普遍在2秒内。

廷云信息建站默认响应式，不需要单独做手机版，省心。