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;