傳統(tǒng)的網(wǎng)站基本上就只考慮到在PC頁面端的展示，對比響應(yīng)式網(wǎng)站沒有那么靈活。響應(yīng)式網(wǎng)站的制作雖然會比傳統(tǒng)網(wǎng)站開發(fā)的周期更長，但是可以適應(yīng)任何屏幕的尺寸，更加靈活。兼容了PC、平板、手機(jī)等各種屏幕的自適應(yīng)展示效果。所以在設(shè)計(jì)上要考慮的東西相比傳統(tǒng)網(wǎng)站要更加多。接下里跟大家談?wù)勴憫?yīng)式網(wǎng)站設(shè)制作的注意事項(xiàng)。

1、隱藏導(dǎo)航欄;

PC端顯示的話這個倒是沒什么影響，因?yàn)槠聊挥心敲创螅袑?dǎo)航能更加清楚的知道所瀏覽的位置。但是手機(jī)端不同。本身受屏幕影響顯示出來的內(nèi)容就少，如果還要顯示導(dǎo)航欄，用戶還得在往下劃才能看到網(wǎng)站展示的內(nèi)容。一般都是設(shè)計(jì)個按鈕，點(diǎn)擊后在顯示出導(dǎo)航欄。

2、用戶體驗(yàn)度的考量;

網(wǎng)站對用戶的體驗(yàn)度是檢驗(yàn)網(wǎng)站合不合格的原因之一，如果一個網(wǎng)站不考慮用戶的體驗(yàn)度那么他做出來就沒什么意義。而其中響應(yīng)式網(wǎng)站對用戶的體驗(yàn)度就更要看重了。我們在制作響應(yīng)式網(wǎng)站時(shí)，非常容易犯一個錯誤那就是在網(wǎng)站在PC端顯示是一切正常的，但是放到手機(jī)中或者其他的設(shè)備中網(wǎng)站的布局就跟梵高的畫一樣。這樣對那些不用電腦PC的用戶是十分不友好的，體驗(yàn)感十分差。所以這個點(diǎn)一定要注意。網(wǎng)站制作完后要仔細(xì)測試一遍。測試完后在上線。

3、圖片縮放;

網(wǎng)站離不開圖片，少了圖片的網(wǎng)站缺少了一種美感。而圖片在PC端和手機(jī)端上的顯示也是不相同。圖片盡量去許縮小，最好將圖片設(shè)置為固定精準(zhǔn)的尺寸。

4、各種平臺、瀏覽器的兼容性;

網(wǎng)站開發(fā)者是無法確定用戶會用那些瀏覽器來瀏覽網(wǎng)站。更不能強(qiáng)制性的讓用戶去使用某種瀏覽器。不同的瀏覽器展示的效果可能就不一樣，有些網(wǎng)站可以在火狐上顯示，但是在QQ瀏覽器上顯示就有些問題。如果因?yàn)樵诓煌臑g覽器中顯示界面混亂可能會因此失去潛在客戶。