css自适应问题

标签：资源   宽度   min   文件   情况   and   列表   style   分辨率   

1. 图片自适应

<img src="app-logo.png"
     srcset="app-logo.png 175w,app-logo-double.png 365w"
     sizes="(max-width: 640px) 365px,175px"
/>

srcset: 资源文件列表  
sizes:(max-width: 640px) 365px,175px  宽度不超过640px使用365px大小的图片，其余情况使用175px大小的图片。

2. 界面自适应

@media screen and (min-width: 1280px) {}      分辨率最小为1280px

@media only screen and (max-width: 1280px) and (min-width: 640px)    分辨率最大为1280px,最小为640px

css自适应问题

标签：资源   宽度   min   文件   情况   and   列表   style   分辨率   

原文地址：http://www.cnblogs.com/apple-p/p/6322980.html