可以准备两套css，用js通过UA来判断设备类型再动态的加载不同的css。
响应式网页其实并不难，一般ui设计师会交给你两套设计稿，一套是pc端的，一套是移动端的（平板电脑一般也算pc端），那么除了写两套代码之外（一般是两种端的界面差别比较大的才需要写两套）就是写自适应了，首先布局就是使用百分百，根据屏幕来适应大小。然后排行布局使用栅格系统。或者使用媒体查询，当然有时候需要两者一起用。然后单位使用rem,至于rem其实就是根据根元素的大小来设置大小，不受父级大小影响。默认情况1rem = 16px
1、首先准备一个HTML结构的文档，页面可以制作的简单点。
2、然后在页面的body区域中放置一个img图片。
3、我们先来运行一下页面，你会在页面中看到如下图所示的圆圈。
4、接下来我们就需要对页面进行CSS处理，如下图所示，给img图片添加样式，注意里面有旋转样式。
5、然后实现旋转的设置，这个是CSS3的新功能，主要是对图片进行旋转度数的设置。
6、最后运行程序，你会看到页面中的圆圈在不停的旋转，和我们平常看到的加载中的效果很像。
