因為桌面屏幕進(jìn)行網(wǎng)站設計的時(shí)代已經(jīng)過(guò)去了，技術(shù)和移動(dòng)網(wǎng)站的擴展推動(dòng)網(wǎng)頁(yè)設計師重新思考工作如何在各種設備上顯示。響應式網(wǎng)站設計是一種設計和代碼響應設備屏幕大小的方法，無(wú)論是在手機、還是平板，都能提供最佳觀(guān)看體驗。

響應式網(wǎng)站主要利用流體網(wǎng)格、靈活的圖像和CSS樣式來(lái)改變網(wǎng)站設計，根據瀏覽器的寬度進(jìn)行渲染，對于設計人員而言，目標應該是跨不同設備和平臺無(wú)縫地定制網(wǎng)站設計的UI和UX。如果設計和開(kāi)發(fā)了無(wú)數版本的網(wǎng)站，這些版本適用于所有設備，那么這個(gè)過(guò)程在時(shí)間上不實(shí)用，而且成本極高，還會(huì )讓網(wǎng)站對未來(lái)的技術(shù)變化無(wú)效，幾乎無(wú)法維護，響應式設計是面向未來(lái)的網(wǎng)站的有效解決方案。響應式網(wǎng)頁(yè)設計的一個(gè)主要關(guān)鍵是了解受眾以及用于查看網(wǎng)站的設備，當前的流量有多少是臺式機、平板電腦和移動(dòng)設備。

現在，網(wǎng)站中約有56%的流量來(lái)自移動(dòng)設備，智能手機用戶(hù)約有26億，為不同的設備設計網(wǎng)站至關(guān)重要，但在不同的Web瀏覽器設計時(shí)會(huì )變得更加復雜，每個(gè)主要的Web瀏覽器都有自己的移動(dòng)版本，以不同的方式呈現網(wǎng)站。更棘手的是，有許多版本的瀏覽器需要保養，不能指望每個(gè)人都使用最新版本，設計的工作原理需響應各種瀏覽器版本。

對于所有瀏覽器版本以及硬件設備來(lái)說(shuō)，適應行業(yè)中的每個(gè)用戶(hù)都是有必要的，最好在盡可能多的新設備上測試網(wǎng)站。標準網(wǎng)站的大小，數百種設備，模型大小和屏幕分辨率一直都在變化，每個(gè)網(wǎng)站設計都會(huì )吸引不同設備上的用戶(hù)

通過(guò)分析，可了解哪些瀏覽器和網(wǎng)頁(yè)尺寸適合網(wǎng)站，通過(guò)瀏覽器大小和設備的組合，如何在不失去理智的情況下進(jìn)行響應式設計。響應式網(wǎng)站設計應至少具有3種不同瀏覽器寬度的布局，如何使用不是硬性規則。這些布局中的每一個(gè)都應包含相同的文本和圖形元素，但每個(gè)布局應設計為最好的顯示基于用戶(hù)設備的內容，按比例縮小頁(yè)面適應較小的屏幕尺寸會(huì )使內容不可讀，但如果相對于彼此縮放內容切換，會(huì )更具可讀性。

http://ezekroy.com/wangzhansheji/3723.html 響應式網(wǎng)站設計的基礎知識有哪些？