響應式網站可以說是現階段比較主流的一種網站建設。響應式網站設計過程中，圖片的顯示問題是一直討論的熱門話題。響應式網站中的圖片到底要怎樣展示出來呢？應該怎樣設計圖片呢？響應式網站建設又有哪些規則和小技巧呢？

一、輪播幻燈片，隱藏導航。

電腦網站建設的時候，導航的顯示問題并不大，但是想要在移動端查看導航，就比較麻煩，所以，要隱藏起來，當用戶需要的時候再展示出來。例如左右切換的鈕，或者是設計一些小圓點來說明所在的位置。這樣就不會分散用戶的注意力，同時還可以避免導航和內容之間的沖突，讓整個網站更簡潔有序。

二、響應式網站設計應該支持手勢操作。

響應式網站建設在設計圖片的時候，對滑動操作等等一些手勢操作要給用戶更多的便利，讓移動體驗更生動。僅僅是使用箭頭作為導航的話，就太枯燥呆板了，可以加入一些手勢操作，這樣可以更自然地讓用戶與網站有良好的交互。

三、分清圖片和視頻元素。

一般來說，類型不一樣的多媒體一起使用是沒有問題的，不過當用戶在瀏覽圖片的時候，點擊下一張的時候卻是視頻，就會不適應。而且視頻消耗的流量比較大，這是用戶不想面對的。所以，圖片和視頻元素一定要分清楚，這樣才可以讓用戶更順暢地瀏覽完網站。

四、保證圖片所顯示的尺寸不能超過原始圖片的尺寸。

這一方面在響應式網站設計中是非常重要的。使用圖片的時候，不能讓圖片去填充更大的空間。否則圖片就會失真，像素也比較低，影響用戶體驗。

五、圖片縮放功能。

響應式網站設計圖片的時候，往往會遇到縮放效果。在縮小圖片的時候，我們通過百分比來控制大小。

響應式網站建設在設計的時候，常常會遇到一些小問題，圖片的設計就是一個常見且重要的部分。

本文主要是通過五個方面分析了圖片設計的規則和一些小技巧，希望可以幫助站長快速設計出優秀的響應式網站。