摘要：随着网络速度越来越快，互联网应用的不断深入和普及，互联网终端设备从PC机到平板电脑、手机，品种越来越多，浏览器的屏幕尺寸千差万别。这种应用情况给网页设计提出了更高的要求，如何用最有效的方法设计网页，能够在不同的屏幕都能美观合理地显示网页内容，本文提出一种通过CSS设置的方法，使网页能够自动适应不同规格浏览器，以期抛砖引玉。

关键词：自适应调节网页设计；CSS

中图分类号：TP311.52 文献标识码：A 文章编号：1007-9599 （2013） 03-0000-02

1 前言

根据网上调查显示，未来的发展趋势将是大多数网站的流量都来自移动终端的访问。为适应各种不同移动终端显示的需要，未来网页设计中，网页的自适应调整功能将不可缺少，将是决定网页设计质量的重要标准。为了给移动用户提供更好浏览体验，许多网站为自己定做了专用的APP（移动终端的第三方应用程序），但这种方式成本高，且推广不易，因为大多用户不会浏览一个网站就下载一个APP。本文提出一种通过CSS设置的方法，使网页能够自动适应不同规格浏览器，

2 自适应网页设计

不同的终端设备对于网页而言区别主要是屏幕分辩率的差异，比如：1024*768、400*800等，对于浏览网页而言，最重要的是屏幕的宽度不同，从桌面终端的两千多像素到手持设备的几百像素不等。当前网页布局和样式设计的主流是采用层叠样式表（Cascading Style Sheet）简称“CSS”，被绝大多数浏览器支持。下面从几个方面适当地设置的CSS，使网页能够根据不同分辩率的屏幕，自动调整布局和显示风格，具备自适应能力。……