伊?！ゑR科特在2010年首次提出了響應式網(wǎng)頁設計(RWD,Responsive Web Design)的概念。他根據(jù)工程師在處理不同屏幕分辨率的網(wǎng)頁內(nèi)容展現(xiàn)的效果的時候常用的技巧和策略，創(chuàng)造性的進行了歸納總結。簡而言之是指網(wǎng)頁適應不同的屏幕的寬度，力求能夠達到在不同的設備下，內(nèi)容都能以最合適的方式展現(xiàn)給用戶。網(wǎng)站響應式設計的原理就是在CSS中，有一個不常用到的屬性media。為了達到響應式設計的目的，讓css根據(jù)屏幕寬度(例如media screen only(max-width:480px))，當屏幕在一定的范圍內(nèi)，樣式字體的大小顯示的是一個樣式，當屏幕超過這個范圍時顯示另一個樣式。所以，網(wǎng)頁在不同的手機屏幕上看時，總是有一個合適的觀看效果。那么響應式網(wǎng)站主要分為哪些方面的設計呢？今天蘇州祥云平臺信息技術有限公司就在這簡單說一下。

　　1. 圖片的響應式設計

　　對于響應式網(wǎng)站的設計和開發(fā)過程中，圖片的設計一直是一個重點關注的對象。其中最主要的就是圖片需要根據(jù)用戶瀏覽終端的不同而隨之發(fā)生變化。并且不會出現(xiàn)顯示不全、展開有空白等情況。其次就是觸摸屏上使用手勢操作幾乎是用戶的本能了。所以，在設計響應式圖片的時候，滑動操作等手勢操作賦予用戶更多的權力，讓體驗更加逼真。

　　2. 網(wǎng)站整體框架的設計

　　其實對于不了解響應式網(wǎng)站建設的站長來說，不建議使用框架的形式來搭建響應式網(wǎng)站，可能會造成樣式重復、內(nèi)容類別之間發(fā)生沖突以及網(wǎng)頁負重過于高等情況。所以使用網(wǎng)站整體框架的設計來建設響應式網(wǎng)站需要切合自身的實際情況，定位自己的需求后再進行。

　　3. 用戶體驗度的建設

　　用戶體驗度是一個網(wǎng)站是否可以生存下去的根本原因之一，其中響應式網(wǎng)站的用戶體驗度就更加重要了。響應式網(wǎng)站建設中最常見的錯誤就是在pc端瀏覽是一切正常，但是到手機端或平板上的時候就變得很奇怪，這對用戶體驗度是很不好的。所以響應式網(wǎng)站建設時應該盡可能的滿足更多的屏幕顯示，需要用不同的屏幕大小的手機和平板測試。

　　4. 網(wǎng)站導航欄目的設定

　　導航欄的顯示有時候在桌面端上導航的存在可能沒什么，但是在移動端上查看的時候，導航還是盡量隱藏起來，需要的時候再顯現(xiàn)。如左右切換的按鈕和標明瀏覽位置的圓點，最好是在光標移動上去之后再顯示，這樣的設計不僅可以避免用戶分心，而且能更好的頁面布局，畢竟手機屏幕小，要盡量的展示更多的內(nèi)容，這是一個很好的辦法。