摘要：隨著網絡速度越來越快，互聯網應用的不斷深入和普及，互聯網終端設備從PC機到平板電腦、手機，品種越來越多，瀏覽器的屏幕尺寸千差萬別。這種應用情況給網頁設計提出了更高的要求，如何用最有效的方法設計網頁，能夠在不同的屏幕都能美觀合理地顯示網頁內容，本文提出一種通過CSS設置的方法，使網頁能夠自動適應不同規(guī)格瀏覽器，以期拋磚引玉。

關鍵詞：自適應調節(jié)網頁設計；CSS

中圖分類號：TP311.52 文獻標識碼：A 文章編號：1007-9599 （2013） 03-0000-02

1 前言

根據網上調查顯示，未來的發(fā)展趨勢將是大多數網站的流量都來自移動終端的訪問。為適應各種不同移動終端顯示的需要，未來網頁設計中，網頁的自適應調整功能將不可缺少，將是決定網頁設計質量的重要標準。為了給移動用戶提供更好瀏覽體驗，許多網站為自己定做了專用的APP（移動終端的第三方應用程序），但這種方式成本高，且推廣不易，因為大多用戶不會瀏覽一個網站就下載一個APP。本文提出一種通過CSS設置的方法，使網頁能夠自動適應不同規(guī)格瀏覽器，

2 自適應網頁設計

不同的終端設備對于網頁而言區(qū)別主要是屏幕分辯率的差異，比如：1024*768、400*800等，對于瀏覽網頁而言，最重要的是屏幕的寬度不同，從桌面終端的兩千多像素到手持設備的幾百像素不等。當前網頁布局和樣式設計的主流是采用層疊樣式表（Cascading Style Sheet）簡稱“CSS”，被絕大多數瀏覽器支持。下面從幾個方面適當地設置的CSS，使網頁能夠根據不同分辯率的屏幕，自動調整布局和顯示風格，具備自適應能力。為此，主要考慮以下三個方面的問題。

代碼功能：如果屏幕寬度小于800像素，則sidebar塊不顯示（display：none），寬度自動調節(jié)（width：auto）、column塊取消窗口浮動（float：none）。

2.2 根據不同的寬度調整布局

（1）允許網頁寬度自動調整

3 結束語

自適應網頁設計是以后網站建設中不可缺少的組成部分，在移動辦公、電子商務、掌上學習等方面都有重要的應用，本文從通常必須考慮的三個自適應功能進行總結，以便為具體的自適應網頁設計提供參考和幫助。

參考文獻：

[1]楊宏偉.華艷輝.單弘江關于網頁對客戶端分辨率自適應策略的研究[J].商場現代化，2007（4）.

[2]樊東燕.基于Web頁面的瀏覽器分辨率自適應策略的探討[J].電腦開發(fā)與應用，2009（5）.

[3]于慧凝.淺析網頁對客戶端分辨率的適應問題[J].科技信息，2009（28）.

[4]趙亮，張維.基于Android技術的界面設計與研究[J].電腦知識與技術，2009（29）.

[5]陳享振.初探網頁藝術設計中的審美意識培養(yǎng)[J].美與時代（上），2010（5）.

[6]嚴晨，楊智坤.網頁頁面設計中的5條基本原則[J].科技與出版，2011（2）.

[7]張躍鵬.自適應網頁設計初探[J].商業(yè)文化（上），2012（5）.

[8]田彥.浮動框架在網頁制作中的使用技巧[J].計算機光盤軟件與應用，2012（9）.

[作者簡介]

冉兆春（1970.4-），男，漢族，陜西西安人，海南工商職業(yè)學院，碩士，講師，從事信息系統分析、計算機算法設計。