隨著電腦尺寸多元化，智能設(shè)備（pad/智能手機）普及化，在當下追求用戶體驗至上的時代，之前網(wǎng)站普遍使用固定的寬度（960px）逐漸滿足不了現(xiàn)在不同設(shè)備與不同分辨率需求。在高分辨率電腦寬屏顯示器上，兩邊留白過多。在手機上顯示，內(nèi)容顯示過小，用戶為了看清楚，首先需要放大界面，再左右拖拖界面。

 

現(xiàn)在，越來越多的客戶要求開發(fā)響應(yīng)試的網(wǎng)站。那么，什么是響應(yīng)式網(wǎng)站呢？

 

響應(yīng)式網(wǎng)站設(shè)計是一種網(wǎng)絡(luò)頁面設(shè)計布局，其理念是：集中創(chuàng)建頁面的圖片排版大小，可以智能地根據(jù)用戶行為以及使用的設(shè)備環(huán)境進行相對應(yīng)的布局。

 

響應(yīng)式網(wǎng)站設(shè)計(Responsive Web design)的理念是：頁面的設(shè)計與開發(fā)應(yīng)當根據(jù)用戶行為以及設(shè)備環(huán)境(系統(tǒng)平臺、屏幕尺寸、屏幕定向等)進行相應(yīng)的響應(yīng)和調(diào)整。具體的實踐方式由多方面組成，包括彈性網(wǎng)格和布局、圖片、CSS media query的使用等。無論用戶正在使用筆記本還是iPad，我們的頁面都應(yīng)該能夠自動切換分辨率、圖片尺寸及相關(guān)腳本功能等，以適應(yīng)不同設(shè)備；換句話說，頁面應(yīng)該有能力去自動響應(yīng)用戶的設(shè)備環(huán)境。響應(yīng)式網(wǎng)頁設(shè)計就是一個網(wǎng)站能夠兼容多個終端——而不是為每個終端做一個特定的版本。這樣，我們就可以不必為不斷到來的新設(shè)備做專門的版本設(shè)計和開發(fā)了。

 

響應(yīng)式網(wǎng)站可以根據(jù)不同終端、不同尺寸和不同應(yīng)用環(huán)境，自動調(diào)整界面布局、展示內(nèi)容、內(nèi)容大小，提供非常好視覺展示效果，但是建立響應(yīng)式網(wǎng)站需要注意哪些問題呢？

 

1、在移動端上禁用lightbox效果。Lightbox效果大概是桌面端網(wǎng)頁上最常見的圖片瀏覽模式，圖片以彈出框的形式呈現(xiàn)出來，能隨著屏幕尺寸和鼠標操作來縮放。在產(chǎn)品展示的頁面當中，這種圖片瀏覽模式的使用尤其廣泛和頻繁，但是在移動端上的時候，它可能會引起大量的用戶體驗上的問題：蓋住其他的交互控件、無法退出、尺寸不合適等等。

 

2、分辨率的問題設(shè)置。網(wǎng)站設(shè)計方案對這個都不重視，不管是在紙質(zhì)上還是電腦演示時都看不出分辨率問題，當我們辨別出來的時候網(wǎng)站已經(jīng)建好，所以，站長在設(shè)計網(wǎng)站模板的時候，要重視分辨率設(shè)置的問題。

 

3、瀏覽器兼容問題。之前我們常用的瀏覽器是IE，不過隨著互聯(lián)網(wǎng)技術(shù)的發(fā)展與進步，市場上出現(xiàn)了很多瀏覽器，而且受到很多用戶的追捧，企業(yè)在做網(wǎng)站的設(shè)計的時候要考慮好兼容性，功能的設(shè)計也要以實用為主，不要設(shè)計太多特效，避免在有些瀏覽器上不能正常顯示。

 

4、Flash元素的設(shè)計。不少企業(yè)網(wǎng)站建設(shè)傾向應(yīng)用flash元素設(shè)計網(wǎng)站，因為有一種華麗炫酷的效果。不過在應(yīng)用flash的過程中要注意，由于flash在維護方面是比較有難度的，所以在更新的時候也是不方便。flash的運行對服務(wù)器的要求也是比較高的，如果企業(yè)想要制作出來的網(wǎng)站有快速的加載速度，那么就要購買優(yōu)質(zhì)的服務(wù)器，這樣才可以保證用戶可以看到flash的效果。