1、新建一个html文件，命名为test.html，用于讲解DIV+CSS怎样解决对不同分辨率的适应问题。
2、在test.html文件中，使用div标签创建一个模块，并设置其class属性为myclass，下面将通过该class设置其css样式。
3、在test.html文件内，编写<style type="text/css"></style>标签，页面的css样式将写在该标签内。
4、在css标签内，对类名为myclass的div进行样式设置，定义其高度为300px，背景颜色为红色。
5、在css标签内，使用@media针对不同的分辨率设置不同的样式。例如，对浏览器宽度不小于1201px ，不大于1200px，不大于500px这三种情况编写不同的样式。
6、在css标签内，当浏览器宽度不小于1201px时，设置div的宽度为1200px ，当浏览器宽度不大于1200px，设置div的宽度为900px，当浏览器宽度不大于500px，设置div的宽度为100px。
7、在浏览器打开test.html文件，查看实现的效果
1、创建一个test.html文件。
2、在文件内，创建一个div模块。
3、在css中，设置div的高度，它的宽度使用@media根据不同分辨率设置不同的数值。
