首页 HTML/CSS HTML/CSS——renderer

HTML/CSS——renderer

GavinWu 2022年03月23日 8:03 HTML/CSS 192 Views

如果一个网站大量采用了html5和css3,希望用户都以支持H5和css3的webkit内核打开页面,则需要设置content=”webkit”来使用浏览器进行渲染。
content的取值为webkit,ie-comp,ie-stand之一,区分大小写,分别代表用webkit内核,IE兼容内核,IE标准内核。
若页面需默认用极速核,增加标签:
若页面需默认用ie兼容内核,增加标签:
若页面需默认用ie标准内核,增加标签:

通常最兼容的方法是把以下三种都写进去:详见具体注释

1
2
3
<meta name="renderer" content="webkit"/><!-- 强制Chromium内核,作用于360浏览器、QQ浏览器等国产双核浏览器 -->
<meta name="force-rendering" content="webkit"/><!-- 强制Chromium内核,作用于其他双核浏览器 -->
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/><!-- 如果有安装 Google Chrome Frame 插件则强制为Chromium内核,否则强制本机支持的最高版本IE内核,作用于IE浏览器 -->

相关文章

  • HTML/CSS 中间文字 两端横线的方法

    HTML/CSS 中间文字 两端横线的方法

    纯CSS实现中间文字 两端横线的方法. 效果演示 代码演示 line 第一种方法 第二种方法 第三种方法

  • fancybox4插件JS和CSS码云地址

    fancybox4插件JS和CSS码云地址

    最近fancybox4的公共CDN地址经常打不开,导致网站打开速度极慢。我就把fancybox4的JS和CSS放到码云上…

  • 利用content和伪类给高亮代码添加语言名称

    利用content和伪类给高亮代码添加语言名称

    今天在看露兜即刻时发现,他的所有PRISM代码头部都有一个语言名称的文件头,效果很棒。无耻的看了他的网页源码,发现在代码…

  • WordPress 加载Javascript和CSS的方法

    WordPress 加载Javascript和CSS的方法

    我们知道正常一个网页加载Javascript和CSS,一般的方法是在head中通过下面的方法来加载 但在wordpres…

  • HTML/CSS——viewport

    HTML/CSS——viewport

    什么是viewport viewport是针对移动设备的响应式设计。viewport 直接翻译就是用户网页的可视区域。通…

  • rem与px的转换

    rem与px的转换

    rem是相对于根元素,这样就意味着,我们只需要在根元素确定一个参考值,这个参考值设置为多少,完全可以根据您自己的需求来定…

七牛

发表评论

QR Code

本页二维码