在和客戶溝通時，都會談到做個什么樣的網站，是H5響應式的還是單PC的，兩者的價格區間也肯定是不一樣的，在現在互聯網手機移動端應用越來越廣泛的時候，響應式網頁設計是眾多企業的首選。

建站注意事項

那在網頁設計期間，設計師常見的問題是跨瀏覽器兼容性，跨不同瀏覽器的兼容性，兼容性代表什么，須確保網頁設計正常工作，其外觀在平臺上都沒有錯誤功能正常，在設計新項目時，在整個網頁設計過程中，必須不遺余力保持跨瀏覽器兼容性。

新CSS3版本中引入的許多新CSS功能，得到主流瀏覽器的廣泛支持，但是有些是不可識別的，如果設計依賴于不支持的CSS，可能會造成重大問題。

不僅僅是各種瀏覽器類型，同一瀏覽器的不同版本技術也不同，進一步使跨瀏覽器兼容性變得復雜。

對于瀏覽器兼容性問題，照片和媒體需要靈活并適應不同的設備，同時不會減慢頁面加載速度，對于不同屏幕尺寸，在高分辨率顯示器上的性能等問題，沒有確定的解決方案。

對所有設備使用單個映像并不是一個明智的解決方案，用戶加載設計所需的時間。加載超慢速圖像后，這些高分辨率圖像可能會以原始大小的四分之一顯示。

媒體查詢不適用于舊版瀏覽器，只有更新過的具有強大CSS3支持的瀏覽器，才能正確地看到應用了許規則的響應式網頁。

respond.js方案也是簡單的，一個respond.js的腳本，使舊的瀏覽器版本能夠理解和執行CSS3媒體查詢，在頁面上調用此腳本，為舊版瀏覽器添加對媒體查詢，寬度，和所有媒體類型的支持。

Respond.js很容易成為理想的解決方案，對于許多項目來說，是一個很好的解決方案，從新的CSS瀏覽器和智能手機設計的瀏覽器中讀取的，使舊版瀏覽器讀取媒體查詢中的CSS3指令。

可以下載完整版本的庫，如果只需要在瀏覽器中測試CSS3的兼容性，可以設置庫提供的各種并創建自己的壓縮代碼。將代碼粘貼到外部js文件中，包含在HTML文檔的標記中。

在單個文件中使用CSS3，這個庫要求將代碼分成幾個CSS文件，每個文件對應一種設備類型，該庫解析設備的分辨率并調用為該特定屏幕分辨率設計的CSS。

在網頁設計過程中，可以參考同行或者大佬家的網站，可以下載腳本查看它是如何工作的，使用以下行激活頁面上的庫，在范圍中看到CSS文件列表，每組分辨率都有一個，這些文件中的每一個都包含僅與特定設備相關的CSS屬性，應用于屏幕大小的常見CSS應該包含在不同文件中。