html网页选择使用哪种浏览器内核渲染的方法-html教程-PHP中文网

html网页选择使用哪种浏览器内核渲染的方法

青灯夜游

发布： 2019-01-05 11:46:09

转载

10716人浏览过

html网页如何选择使用哪种浏览器内核渲染？本篇文章就给大家介绍html网页选择使用哪种浏览器内核渲染的方法，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。【推荐教程：html视频教程】

众所周知，国内的浏览器基本都是双内核的(ie(Trident)+webkit)；而且基本默认时都是用webkit内核。尽管IE浏览器体验差，但是有时也会需要用IE内核来渲染的(比如银行网站)。

如果要切换IE内核的方法是在头部加<meta name="renderer" content="ie-comp|ie-stand">就可以了，例：

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="renderer" content="ie-comp|ie-stand">
    <title>使用IE内核</title>
</head>

登录后复制

正常情况下，如果是双内核的会自动切换至IE内核，单内核的直接忽视了。

相反的如果要用webkit内核，那么加上<meta name="renderer" content="webkit">

虎课网

虎课网是超过1800万用户信赖的自学平台，拥有海量设计、绘画、摄影、办公软件、职业技能等优质的高清教程视频，用户可以根据行业和兴趣爱好，自主选择学习内容，每天免费学习一个...

查看详情

立即学习“前端免费学习笔记（深入）”；

<head>
    <meta charset=>
    <meta name= content=>
    <meta http-equiv= content=>
    <meta name= content=>
    <title>使用webkit内核</title> 
</head>

登录后复制

如果混合使用，让浏览器自己选择，可以加上<meta name="renderer" content="webkit|ie-comp|ie-stand">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <title>自动选择</title>
</head>

登录后复制

以上就是本篇文章的全部内容，希望能对大家的学习有所帮助。更多精彩内容大家可以关注php中文网相关教程栏目！！！

以上就是html网页选择使用哪种浏览器内核渲染的方法的详细内容，更多请关注php中文网其它相关文章！