<响应式布局>4---响应式布局内容设计

1.背景：

由于要适应各个设备，不同设备的图片样式应该设置为不同分辨率。

这样，在移动设备上流量较少的情况下，会耗费较少的流量访问网站。

 

2.方法：

通过js插件实现需求。

 

3.图片响应式：

default-src="bank.jpg?image/1/w/800/h/800"

data-1000-src="bank.jpg?image/1/w/700/h/700"

data-800-src="bank.jpg?image/1/w/500/h/500"

data-600-src="bank.jpg?image/1/w/400/400"

4.字体响应式：

单位应选px,而不是em. 也有百分比形式。

1em = 16px;