360浏览器不兼容bootstrap问题图片不兼容的问题

360浏览器不兼容bootstrap问题图片不兼容的问题 - 第1张 - 菜鸟建站

我们在使用的是bootstrap框架作为设计界面,但是使用360浏览器的时候,出现了图片不兼容的问题,总的来说是网页出现了不兼容的问题。

由于众所周知的原因,国内的主流浏览器都是双核浏览器:基于Webkit的内核用于常用网站的高速浏览,基于IE的内核主要用于部分网银、政府、办公系统等网站的正常使用。以360浏览器为例,优先通过Webkit内核渲染主流网站,只有少量的网站通过IE内核渲染,以保证页面兼容性。

出现一个控制手段——“内核控制标签”,只要你在自己的网站里增加一个meta标签,告诉360浏览器这个网站应该用哪个内核渲染,那么360浏览器就会在读取到这个标签后,立即切换对应的内核,并将这个行为应用于这个二级域名下所有网址。

360浏览器不兼容bootstrap的解决办法:首先打开相应的代码文件;然后在页面中加入一个meta的标签即可

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


猜你喜欢

纯CSS将img图片铺满父容器div并适配容器的大小

纯CSS将img图片铺满父容器div并适配容器的大小

当1个网页中加入好几张照片情况下,会遇到图片大小不一致,单需要显视成统一的尺寸,当我们真接設置图片大小会造成 照片出现变形,这就是我们遇到的难题,看下解决方案具体方法一对img元素垂直居中,并将它的高度和宽度設置1个最小全屏值具体方法二...

图像延迟加载库Echo.js纯javascript轻量级延迟加载

图像延迟加载库Echo.js纯javascript轻量级延迟加载

要想进一步提升网页打开速度,可以上传的图片优化入手。网页慢,无非是,一查询慢,二图片加载慢,三没有使用延迟加载,四图片数据太大。根据这些原因,逐步解决,从而提升用户体验。下面介绍一款插件Echo.js:和 Lazy Load 一样,Echo.js 也是一个用于图像延迟加载 JavaScript。不同的是 Lazy Load 是基于 jQuery 的插件,而...

发表评论