1. <strong id="d2o2m"><address id="d2o2m"><rp id="d2o2m"></rp></address></strong>

    <acronym id="d2o2m"></acronym>
    <acronym id="d2o2m"><sup id="d2o2m"><nav id="d2o2m"></nav></sup></acronym>
    <optgroup id="d2o2m"><em id="d2o2m"><del id="d2o2m"></del></em></optgroup>
    <ol id="d2o2m"></ol>
  2. 前端瀏覽器兼容 <meta name="renderer" content="webkit">

    時間:2020-09-11 09:18:41 類型:HTML/CSS
    字號:    

    content="webkit":讓雙核瀏覽器優先使用webkit內核渲染頁面
    雙核是:webkit內核 和 IE的Trident內核

    一個網站大量采用了html5和css3,希望用戶都以支持H5和css3的webkit內核打開頁面則設置content="webkit"即可。

    content的取值為webkit,ie-comp,ie-stand之一,區分大小寫,分別代表用webkit內核,IE兼容內核,IE標準內核。
    若頁面需默認用極速核,增加標簽:<meta name="renderer" content="webkit">
    若頁面需默認用ie兼容內核,增加標簽:<meta name="renderer" content="ie-comp">
    若頁面需默認用ie標準內核,增加標簽:<meta name="renderer" content="ie-stand">

    解決 <meta name="renderer" content="webkit"> 不起作用的問題

    在網頁頭部標簽內<head>添加以下代碼:

    <meta name="renderer" content="webkit"/>
    <meta name="force-rendering" content="webkit"/>
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/>

    三個都寫上就不會出現 < meta name="renderer" content="webkit" > 不起作用的問題。

    這三行代碼分別作用于不同環境,如下所述:

    <!-- 強制Chromium內核,作用于360瀏覽器、QQ瀏覽器等國產雙核瀏覽器 -->
    <meta name="renderer" content="webkit"/>
    <!-- 強制Chromium內核,作用于其他雙核瀏覽器 -->
    <meta name="force-rendering" content="webkit"/>
    <!-- 如果有安裝 Google Chrome Frame 插件則強制為Chromium內核,否則強制本機支持的最高版本IE內核,作用于IE瀏覽器 --><meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/>

    作者:paperclouds
    鏈接:https://www.jianshu.com/p/d294dc9a4943
    來源:簡書
    著作權歸作者所有。商業轉載請聯系作者獲得授權,非商業轉載請注明出處。


    黄片基地 <