在網(wǎng)頁設計公司和客戶溝通時，都會談到做個什么樣的網(wǎng)站，是H5響應式的還是單PC的，兩者的價格區(qū)間也肯定是不一樣的，在現(xiàn)在互聯(lián)網(wǎng)手機移動端應用越來越廣泛的時候，響應式網(wǎng)頁設計是眾多企業(yè)的首選，那在網(wǎng)頁設計期間，設計師常見的問題是跨瀏覽器兼容性，跨不同瀏覽器的兼容性，兼容性代表什么，須確保網(wǎng)頁設計正常工作，其外觀在平臺上都沒有錯誤功能正常，在設計新項目時，在整個網(wǎng)頁設計過程中，必須不遺余力保持跨瀏覽器兼容性。

網(wǎng)頁設計

新CSS3版本中引入的許多新CSS功能，得到主流瀏覽器的廣泛支持，但是有些是不可識別的，如果設計依賴于不支持的CSS，可能會造成重大問題。不僅僅是各種瀏覽器類型，同一瀏覽器的不同版本技術(shù)也不同，進一步使跨瀏覽器兼容性變得復雜。對于瀏覽器兼容性問題，照片和媒體需要靈活并適應不同的設備，同時不會減慢頁面加載速度，對于不同屏幕尺寸，在高分辨率顯示器上的性能等問題，沒有確定的解決方案。

對所有設備使用單個映像并不是一個明智的解決方案，用戶加載設計所需的時間。加載超慢速圖像后，這些高分辨率圖像可能會以原始大小的四分之一顯示。媒體查詢不適用于舊版瀏覽器，只有更新過的具有強大CSS3支持的瀏覽器，才能正確地看到應用了許規(guī)則的響應式網(wǎng)頁。

respond.js方案也是簡單的，一個respond.js的腳本，使舊的瀏覽器版本能夠理解和執(zhí)行CSS3媒體查詢，在頁面上調(diào)用此腳本，為舊版瀏覽器添加對媒體查詢，寬度，和所有媒體類型的支持。Respond.js很容易成為理想的解決方案，對于許多項目來說，是一個很好的解決方案，從新的CSS瀏覽器和智能手機設計的瀏覽器中讀取的，使舊版瀏覽器讀取媒體查詢中的CSS3指令。

可以下載完整版本的庫，如果只需要在瀏覽器中測試CSS3的兼容性，可以設置庫提供的各種并創(chuàng)建自己的壓縮代碼。將代碼粘貼到外部js文件中，包含在HTML文檔的標記中。在單個文件中使用CSS3，這個庫要求將代碼分成幾個CSS文件，每個文件對應一種設備類型，該庫解析設備的分辨率并調(diào)用為該特定屏幕分辨率設計的CSS。

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

現(xiàn)在網(wǎng)站是企業(yè)家們網(wǎng)絡營銷的一種方式，越來越多的企業(yè)都像擁有一個專屬自己的網(wǎng)站，做好網(wǎng)站建設，對后期的網(wǎng)站優(yōu)化也是有一定的作用，那么網(wǎng)站優(yōu)化的重要性體現(xiàn)在哪里？

網(wǎng)站優(yōu)化不同于像信息流一樣向用戶強制推薦廣告，這只會讓用戶感覺很惡心，或者只是點擊而不咨詢，轉(zhuǎn)化效果很差。網(wǎng)站優(yōu)化的方式是網(wǎng)民通過搜索主動來到你的網(wǎng)站，有購買意識，所以客戶更準確，轉(zhuǎn)化率更高。

不管是信息流還是其他任何方式，當你停止廣告時，你的廣告就會被下架，但網(wǎng)站優(yōu)化是非常穩(wěn)定的。只要有專業(yè)的技術(shù)人員幫助您維護和優(yōu)化您的網(wǎng)站，您的網(wǎng)站排名就在那里。總是在那里，客戶只要搜索相關(guān)詞就可以找到您帶來流量。

付費廣告是純廣告模式，而且還是主動推送，所以很容易讓客戶反感，網(wǎng)站優(yōu)化會根據(jù)時下熱點事件和用戶搜索習慣及時更新網(wǎng)站，保持網(wǎng)站的活躍度和新穎性，為用戶提供了有用的信息，用戶體驗自然會更好。

這是競價和信息流都沒有的優(yōu)勢。雖然網(wǎng)站優(yōu)化不是免費的，但與廣告等其他渠道相比，它非常便宜。這將為企業(yè)節(jié)省大量成本，尤其適合中小型企業(yè)長期使用。網(wǎng)站排名靠前了，自然流量就會高，有了流量才能轉(zhuǎn)化成收益。