页面通过CSS实现页面自适应

自适应布局就是指能忘了使网页自适应的显示在不同大小终端设备上的新网页设计方式及技术，它需要开发多套界面来适应不同的终端。

下面我是简单以body作为类，进行样式定义

index.css如下：

在html中我是直接引入外部index.css的代码

index.html如下：

以上是页面自适应的全部源代码，如果大家还有什么不懂的可以直接把代码复制到编辑器里预览效果，毕竟效果决定一切！！！

如果您不想把两个或多个页面样式放到一个css，也可以通过在外部引入css同时设置权限如

这个通过上面的index.css应该可以看出这个引入的方式的意思，意思是页面小于640px引入1.css文件，页面大于640px引入2.css文件。