搜尋

首頁  >  問答  >  主體

html5为什么不兼容低版本的浏览器?

项目组用html5开发的产品,放到低版本的浏览器样式全乱了,有没有什么好的解决办法?在线等...

高洛峰高洛峰2781 天前1324

全部回覆(14)我來回復

  • PHP中文网

    PHP中文网2017-04-17 11:16:04

    我覺得標題應該叫為啥老版本瀏覽器不相容新技術! ! ! 更好

    這好像要Iphone5以及更老的機子要支持指紋辨識一樣.臣妾做不到啊!

    回覆
    0
  • 高洛峰

    高洛峰2017-04-17 11:16:04

    本人做頁面的時候,低版本瀏覽器hack保證頁面佈局不亂就行,加上標籤

    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/>
    

    讓國內的雙核心瀏覽器用chrome核心解析。
    其實國內真就沒有幾個用IE6、IE8的,XP用戶絕大多數都是用的360這些國產雙核心。

    另外360有個自有的標籤

    <meta name="renderer" content="webkit">
    

    可以強制使用Webkit核心渲染。
    參見:http://se.360.cn/v6/help/meta.html
    真要在低版瀏覽器使用效果的話,好像有這種JS函式庫,你可以找找。

    回覆
    0
  • 高洛峰

    高洛峰2017-04-17 11:16:04

    你去幫我相容個未來才有的東西試試看! ! !

    電腦科技的進步過程中,除了不毀壞舊實現的擴充(extend)之外,必然也伴隨著激烈的棄用(deprecate)和修正(fix)。其實我覺得題主只不過是偶然忽略了這兩種可能,而不是真的存在阻礙理解技術進步的智商問題。

    回覆
    0
  • 高洛峰

    高洛峰2017-04-17 11:16:04

    html5的產品不可以在低版本上運行

    上面說的太過絕對,要看在開發者在開發時是否考慮到相容低版的瀏覽器,要看實現了哪些功能。
    首先要了解html5實現了哪些功能。

    • 本機儲存功能
    • canvas
    • files api
    • video,audio
      。 。 。

    這些功能,在低版本上,html是不支援的,如果使用了此功能是一定不會運作使用的。

    樓主說樣式錯亂,原因應該是

    1. 大量的使用了html新的標籤,ie7以下是不認識的,也不會解析,一般解決方法是createElement 一個同名的標籤。
    2. 應該使了較多的css3樣式,這在舊的瀏覽器中也是不可以使用的,例如佈局方式,就有很大不同。

    。 。 。

    所以,樓主若想能否在別的瀏覽器中可否正常查看,請諮詢你們的前端技術人員。

    回覆
    0
  • 巴扎黑

    巴扎黑2017-04-17 11:16:04

    要相容低版本就不要用html5啦,相容性很難保證。先確認相容才寫進去吧

    回覆
    0
  • PHP中文网

    PHP中文网2017-04-17 11:16:04

    head 標籤裡加上下面這句話

    <!--[if lt IE 9]>
      <script src="http://cdn.staticfile.org/html5shiv/r29/html5.js"></script>
    <![endif]-->
    

    回覆
    0
  • 天蓬老师

    天蓬老师2017-04-17 11:16:04

    html5是標準,需要標準去遷就老掉牙的東西?標準的意思是別人都要遵守,低版的瀏覽器不能支援新的標準,只能說是必然。技術在進步,新陳代謝是必然!

    回覆
    0
  • 伊谢尔伦

    伊谢尔伦2017-04-17 11:16:04

    你如何去相容一個不存在的東西?

    當IE6 7 出來時,html5 還不算標準,為什麼要去相容一個不標準的東西

    回覆
    0
  • PHPz

    PHPz2017-04-17 11:16:04

    我想問 ,你是技術嗎?

    回覆
    0
  • 黄舟

    黄舟2017-04-17 11:16:04

    前面大家都說了。

    為了讓低版瀏覽器(別看了,說的就是你IE!)能相容html5標籤的話,加上html5shiv.js吧。

    回覆
    0
  • 取消回覆