響應(yīng)式網(wǎng)頁是目前網(wǎng)頁制作的主流，它不僅在歐美市場比較流行，在中國的大部分企業(yè)也建立起了響應(yīng)式網(wǎng)站。那么，今天小凡就跟大家談?wù)勴憫?yīng)式網(wǎng)頁制作需要注意的問題。

　　首先，什么是響應(yīng)式呢？就是內(nèi)容布局能隨用戶使用顯示器的不同而變化。所以，運(yùn)用響應(yīng)式原理設(shè)計的網(wǎng)頁，不管是在PC端還是移動端，都能隨著設(shè)備的轉(zhuǎn)換而適應(yīng)性改變。

　　好吧，接下來真正進(jìn)入主題，該如何制作網(wǎng)頁，有什么注意事項(xiàng)呢？

　　1.隱藏導(dǎo)航欄

　　在電腦網(wǎng)站上因?yàn)椴皇芷聊坏南拗?，所以對?dǎo)航欄沒有過多的要求，可以直接顯示出來。但是在手機(jī)網(wǎng)站上面盡量隱藏導(dǎo)航欄，不然會讓用戶覺得頁面混亂，而且，因?yàn)槠聊槐容^小，用戶也會不小心點(diǎn)到，由此導(dǎo)致跳轉(zhuǎn)到不需要的頁面，可能會讓用戶反感。

　　2.減少圖片和視頻混淆

　　圖片和視頻混搭的效果其實(shí)很不好，試想一下，用戶在查看圖片的時候，突然下一張圖片變成了視頻，突如其來的聲音會讓用戶不知所措，或者是反感，因?yàn)橄牡牧髁孔兌嗔?。所以，避免這樣的組合搭配。

　　3.避免圖片標(biāo)題

　　使用圖片標(biāo)題可能是比較新穎的做法，但是呈現(xiàn)出來的效果并不是特別好，因?yàn)樵谝苿佣孙@示的時候，圖片標(biāo)題可能會和頁面中的圖片重疊，影響到整個頁面的視覺感受。在網(wǎng)頁制作的時候一定不要使用圖片標(biāo)題，僅僅使用文字標(biāo)題就可以將內(nèi)容很好地表現(xiàn)出來了，而且，單純的文字做一些其他的設(shè)置也比較方便。

　　4.確保圖片顯示尺寸不要超過原始圖片

　　圖片的尺寸和網(wǎng)站上顯示的像素要一致，如果你準(zhǔn)備的圖片比網(wǎng)站設(shè)置的尺寸小，那你就不得不拉伸圖片，這樣做的結(jié)果就是圖片會出現(xiàn)扭曲，而且，像素會變差。雖然響應(yīng)式網(wǎng)頁可以將圖片以適合的寬高顯示出來，但是這樣拉伸后的圖片其實(shí)效果很差，所以，在響應(yīng)式網(wǎng)頁制作時要確保圖片顯示的尺寸不要超過原始圖片。

　　在進(jìn)行響應(yīng)式網(wǎng)頁制作的時候，要注意到每個細(xì)節(jié)，一個小細(xì)節(jié)可能決定了整個網(wǎng)頁制作的成敗。