響應式網站設計與跨瀏覽器兼容性
作者:佚名 時間:2015-09-01 分享到:
設計師制作網站必須要確保網站展示無誤差,也要保證它能夠在各瀏覽器上正常運行。這往往也成為網站制作最復雜難搞的,因為要兩手抓,既要確保網站制作質量又要確保跨瀏覽器兼容性。

新版本css3仍然沒有完全得到所有瀏覽器的支持。因而使用css技術時要謹慎,如果使用的技術是瀏覽器不支持的,帶來的問題會很嚴重。各瀏覽器支持的css功能各有不同,同一瀏覽器不同版本對css功能的支持也是各有差異的。設計師必須著手處理,確保網站應用的各種技術在不同版本的瀏覽器中都正常展示。
當響應式網站設計碰到瀏覽器兼容問題時,網站圖片管理起來就比較棘手了。圖片和視頻要靈活適應不同設備的要求,但不能影響網站的加載速度。
因設備屏幕大小限制,顯然使用一張大圖應付所有設備是不明智的。一來盡管手機更新換代迅速,但是加載一張大圖與一張小圖的時間還是有差距的;再來即使花時間加載出來的圖片也無法展示完整。
設計師還面臨的一個問題是響應式設計在有css3支持的新版本瀏覽器中能得以較完美展示,而老版本網站對于響應式網站的支持就比較困難了。當然也不是無計可施的,上海網站建設聯楷工程師jason就介紹三種javascript方案以解決響應式網站在老版本瀏覽器中的展示問題。就是respond.js、modernizr和adaptive.960.js。這三種方案是不受css3限制的。詳細信息請大家關注上海網站建設聯楷新聞中心
如沒特殊注明,文章均為上海聯楷網絡原創,轉載請注明來自:http://www.ktcbnqb.cn/build/20151216/n4194.html