• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >浏览器兼容 > 页面在360浏览器下显示不正常的兼容性问题

页面在360浏览器下显示不正常的兼容性问题

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-06-02

本文主要包含jsp页面浏览器兼容,浏览器页面不兼容,页面兼容性问题,页面兼容问题,页面兼容性设置等相关知识,佚名 希望在学习及工作中可以帮助到您
引言: 在Web应用的开发过程中,发现若干页面在360的浏览器上显示不正常,而在其他的浏览器上,皆为正常状态,问题出在哪里呢?

问题的提出:

Web页面在360的浏览器上,显示不正确。 但是在Firefox、chrome和IE8+以上的浏览器上,都是显示正常的。

问题的分析

1. 检查了一些Javascript框架,标准的jquery类库1.x系列,确认其工作正常,问题不是在于Javascript方面。

2. 排查掉HTML标签内容的显示 问题。

3. 怀疑是CSS在不同浏览器下的兼容性问题,见过排查,没有发现问题。

4. 排查360浏览器,发现其在当前页面的显示中,默认使用了IE7的渲染引擎。同时,在IE7的环境下,重现了类似情况。

5. 本质上,这个显示问题是页面在IE7下面的兼容性显示问题。

关于360浏览器或搜狗浏览器的分析:

对于此类浏览器,有时候号称双核或者N核的高速浏览器,其本质上就是本地IE浏览器的壳子,外加Chrome抑或Firefox的内核,大部分情况下都是WebKit系列内核。

那么,此类浏览器依据什么信息,来判断页面的渲染模式呢?答案就是可以指令运行当前页面的浏览器使用何种渲染引擎的声明。

<meta http-equiv="X-UA-Compatible" content="IE=8">

这里,就是指令浏览器至少要使用IE8以上的渲染引擎来,渲染页面,从而规避掉IE7下的问题。

关于Doctype

<!DOCTYPE> 声明必须是 HTML 文档的第一行,位于 <html> 标签之前。

<!DOCTYPE> 声明不是 HTML 标签;它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。

在 HTML 4.01 中,<!DOCTYPE> 声明引用 DTD,因为 HTML 4.01 基于 SGML。DTD 规定了标记语言的规则,这样浏览器才能正确地呈现内容。

分析: doctype所要解决的就是使用何种HTML的语法解析器和渲染器。比如特定HTML标签的使用,则依赖于HTML Doctype的使用。 </div>

您可能想查找下面的文章:

  • 页面在360浏览器下显示不正常的兼容性问题

相关文章

  • 2017-06-02IE 6不支持min-height或max-width等属性的完美解决方案
  • 2017-06-02div+css学习笔记(IE与fox好多不兼容的问题)
  • 2017-06-02部分透明的蒙版效果实现思路(兼容ie6)
  • 2017-06-02兼容浏览器的css网页细线表格设计
  • 2017-06-02IE6/IE7/IE8/Firefox的CSS各种兼容margin问题解决办法
  • 2017-06-02手机文本输入框的设计方法介绍(图文)
  • 2017-06-02FireFox下selected =selected失效不起作用的解决方法
  • 2017-06-02ie6~ie9 hack兼容写法 已测试
  • 2017-06-02解决中文版Chrome下网页不能显示小于12px字体
  • 2017-06-02一个挺常用的float布局div问题解决方法

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • SELECT在浏览器中相关Bug整理
    • ie6,ie7,firefox的textarea滚动条、边框
    • IE10 CSS Hack介绍及IE11的CSS Hack提前了解
    • CSS 浏览器兼容问题整理大全(比较全)
    • ie6、ie7dom 元素重新渲染及zoom的使用
    • important的妙用解决firefox和ie的css兼容问题
    • IE6、IE7、IE8浏览器下的CSS、JS兼容性对比
    • ie6,7下空DIV无任何内容时占据空间问题解决
    • css中IE判断语句 if !IE
    • css ul li 的使用及浏览器兼容问题

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有