11.2.2  编写CSS文件

11.2.2 编写CSS文件

接下来开始写CSS文件，为了适用于Android系统，写下面link标签。

在上述代码中，最明显的变动是浏览器宽度的变化，即：

这是因为手机屏幕的宽度和电脑屏幕的宽度是不一样的（当然长度也不一样，但是都具有下拉功能），480像素（px）是Android系统的标准宽度，上述代码的功能是不管浏览器的窗口是多大，桌面用户看到的都是文件desktop.css中样式修饰的页面，宽度都是用如下代码设置的宽度。

上述代码中有两个CSS文件，一个是desktop.css，此文件是在开发电脑页面时编写的样式文件，就是为这个HTML页面服务的。而文件Android.css是一个新文件，也是本章将要讲解的重点，通过这个Android.css，可以将上面的计算机网页显示在Android手机中。当读者开发出完整的Android.css后，可以直接在HTML文件中将如下代码删除，即不再用这个修饰文件了。

此时在Chrome浏览器中来浏览修改后的HTML文件，不管从Android手机浏览器还是从PC机浏览器，执行后都将得到一个完整的页面展示。此时的完整代码如下。

desktop.css的代码如下。

执行效果如图11-12所示。

图11-12 执行效果