如何解决网页在不同模式下显示错乱等问题

众所周知，国内的主流浏览器都是双核浏览器：基于IE内核的“兼容模式”，一般用于兼容网银、旧版网站，以及基于Webkit内核的“极速模式”为了解决不同模式下的显示问题纬润程序猿们可谓是费尽千辛万苦。

操作方法

  • 01

    遇到网页显示不正常，最常见的方法就是让客户手动切换浏览模式：

  • 02

    由于部分网页（例如论坛、网银等）在极速模式下出现兼容性问题，显示不正常，这时只能让客户手动换到兼容模式来浏览网站，如下图所示。

  • 03

    但是由于极速模式对于新网站的一些特效渲染的很好，而“兼容模式”对于css3修饰的效果并不感冒。那么如果一个采用css3的网站遇到客户使用“兼容模式”又不愿意换怎么办？

  • 04

    360浏览器给出的方法是：可以新增加了一个控制手段：内核控制Meta标签。只要你在自己的网站里增加一个Meta标签，告诉360浏览器这个网址应该用哪个内核渲染，哪么360浏览器就会在读取到这个标签后，立即切换对应的内核。并将这个行为应用于这个二级域名下所有网址。比如，若页面需默认用极速核，增加标签：<meta name="renderer" content="webkit"> 。       但这样也存在一个问题：如果处理国内其他浏览器，以及那些未知名的浏览器甚至将来可能出现的浏览器？这样的解决方发存在风险。

  • 05

    还有一种方法，就是【平稳退化】。即保证在不能兼容的浏览器底下做最小的牺牲，比如一个渐变的css3效果，在ie8或者国内浏览器的兼容模式下，我们要保证页面样式，效果基本不会出现bug，仅限制在css3的过度效果这一块不能实现，不支持的则直接切换，不给于过度处理，则能在不支持的浏览器下平稳退化而不至于是页面不能正常运行。

赞 (0)

相关推荐

  • 百度浏览器设置兼容模式将显示错乱的网页正常显示

    在IE8以上版本浏览器中，都有一个兼容性设置，可以让一些兼容性不好，显示错乱的网页显示正常。那么百度浏览器兼容模式怎么设置?对于这个问题，网上有些朋友说，百度浏览器没有兼容性设置。其实不是这样的，用户 ...

  • 解决Surface Pro睡眠模式下不能被唤醒的问题

    国外的用户先一步入手了微软的Surface Pro,在一段时间的使用后一些问题也反馈了出来,而其中主要包括Surface Pro睡眠模式下不能被唤醒的问题. 有用户这样反馈: "问题很简单: ...

  • 怎样解决小米手机标准模式下来电静音

    有时候我们尽管设置手机的情景模式为<标准模式>但有时候我们来电话的时候还是没有声音响呢.因为现在智能手机的功能较多,设置有时候可以一时想不起来,现在我就给大家操作下吧. 操作方法 01 我 ...

  • 如何解决360极速模式下网页flash显示异常问题

    360系列软件已经成为大部分人装电脑系统必装的软件,而360浏览器也成为大部分人用来网上冲浪的首选浏览器,但是这个浏览器在使用极速模式浏览网页时会遇到网页上的flash显示异常的问题出现但在IE高版本 ...

  • 搜狗浏览器网页打不开或显示不正常的解决方法

    搜狗浏览器是很多电脑用户都在使用的浏览器之一,它最大的特点就是它的高速模式.不过,也有一些搜狗浏览器的用户遇到一些网页打不开,或者网页显示不正常的情况.小编亲测之后发现,是由于这一些网站较陈旧,才会导 ...

  • 搜狗浏览器在兼容模式下不能正常显示图片怎么办

    最近小编发现自己电脑安装的搜狗浏览器在兼容模式下无法正常显示网页中的部分图片.后来经过多次尝试和上网搜索查找相关内容,最终成功解决了问题,现与大家一起分享一下成果. 由于搜狗浏览器在兼容模式下使用IE ...

  • IE8采用多兼容模式正常显示网页

    IE8将具有多种兼容模式。IE平台建筑师Chris Wilson在博客中写到，IE平台的工作是同时提供互操作性(网页在不同浏览器的均能正常工作)和向后兼容性(兼容之前版本的IE浏览器)。若是希望IE8 ...

  • 网页版今日头条打开显示白屏如何解决

    网页版今日头条打开显示白屏如何解决

    我们在网页上打开今日头条的时候,发现显示白屏了,该怎么办呢?今天就跟大家介绍一下网页版今日头条打开显示白屏的具体解决方法.1. 首先确认电脑的网络有没有异常,然后打开电脑上的浏览器,进入百度,输入&q ...

  • ahci模式下安装xp 解决ahci mode下无法安装xp

    AHCI MODE 下无法安装XP，看不到硬盘分区，蓝屏故障是什么原因？很多朋友不知道AHCI 模式下为什么不能安装XP系统。其实，AHCI MODE 下无法安装 XP 的这个问题还是比较多见的，这里 ...