浏览器的兼容性问题与解决

author author     2022-09-10     497

关键词:

所谓的浏览器兼容性问题,是因为不同浏览器对同一段代码有不同的解析,造成页面显示效果不同的情况。而我们的需求是不同浏览器打开我们的网站效果是一致的,所以前端开发之前必须把兼容性问题解决。

一:不同浏览器内容之间默认的内边距与外边距不同。

解决:在css开头里加入 * { padding : 0; margin : 0 ;  }   *通配符来设置浏览器的内,外边距都为0。

 

二:设置块级margin X像素时,ie6显示margn比设置打的大。

解决:同样css中加入  * { padding : 0; margin : 0 ;  }  ,这个样式解决很多兼容问题。

 

三:设置 min-height样式时,ie6,ie7,遨游超出自身设置的高度。

解决:给超出的高度标签设置 overflow:hidden ,或者设置行高line-height 小于你设置的高度。

 

四:行内标签设置 display : block 设置float : left后,ie6仍然存在边距问题。

解决:在display : block; 后面加入display : inline;display : table。

 

五:图片默认有间距

解决:使用float属性或者margin布局。

 

第六:标签最低高度设置min-height不兼容

解决:如果我们要设置一个标签的最小高度200px,需要进行的设置为:{ min-height : 200px; height : auto !important; height : 200px; overflow : visible; }

 

第七:透明度的兼容

解决:CSS hack。 我们可以把浏览器分为三类:ie6,ie7,遨游。ie6使用 _ 开头,ie7使用 * 开头,ie8使用 /9结尾。

常见的兼容性问题与解决方案

浏览器兼容问题一:不同浏览器的标签默认的外补丁和内补丁不同问题症状:随便写几个标签,不加样式控制的情况下,各自的margin和padding差异较大。解决方案:CSS里   *margin:0;padding:0;备注:这个是最常见的也是最易解决的一... 查看详情

常浏览器兼容性问题与解决方案

浏览器兼容问题一:不同浏览器的标签默认的外补丁和内补丁不同问题症状:随便写几个标签,不加样式控制的情况下,各自的margin和padding差异较大。碰到频率:100%解决方案:CSS里   *{margin:0;padding:0;}备注:这个是最... 查看详情

常见浏览器兼容性问题与解决方案

所谓的浏览器兼容性问题,是指因为不同的浏览器对同一段代码有不同的解析,造成页面显示效果不统一的情况。在大多数情况下,我们的需求是,无论用户用什么浏览器来查看我们的网站或者登陆我们的系统,都应该是统一的... 查看详情

常见的浏览器兼容性问题与解决方案——css篇

1、不同的浏览器的标签默认的外补丁和内补丁不同问题症状:随便写几个标签,不加样式控制的情况下,各自的margin和padding差异较大。碰到频率:100%解决方案:初始化CSS的默认样式,*{margin:0;padding:0}。也可以使用其他网站的初... 查看详情

常见浏览器兼容性问题与解决方案

转载自 http://blog.csdn.net/chuyuqing/article/details/37561313/浏览器兼容问题一:不同浏览器的标签默认的padding和margin不同问题症状:随便写几个标签,不加样式控制的情况下,各自的margin和padding差异较大。碰到频率:100%解决方案:CSS... 查看详情

常见浏览器兼容性问题与解决方案

所谓的浏览器兼容性问题,是指因为不同的浏览器对同一段代码有不同的解析,造成页面显示效果不统一的情况。在大多数情况下,我们的需求是,无论用户用什么浏览器来查看我们的网站或者登陆我们的系统... 查看详情

常见几种浏览器兼容性问题与解决方案

所谓的浏览器兼容性问题,是指因为不同的浏览器对同一段代码有不同的解析,造成页面显示效果不统一的情况。在大多数情况下,我们的需求是,无论用户用什么浏览器来查看我们的网站或者登陆我们的系统,都应该是统一的... 查看详情

css浏览器兼容性与解决方法

一.什么是浏览器兼容性问题?所谓的浏览器兼容性问题,是指不同的浏览器对同一段代码有不同的解析,造成页面显示效果不统一的情况;而造成浏览器兼容问题的根本原因,是浏览器的内核不同导致的。认识浏览器内核 &n... 查看详情

浏览器兼容问题与解决方法

浏览器兼容问题是指,不同厂商开发的浏览器针对同一段代码的不同解析,造成页面展示效果出现差异的情况,很多时候为了追求显示效果的一直,前端开发人员就要针对不同兼容问题应用相应的方法处理,达到效果一致的目的... 查看详情

解决selenium与firefox浏览器版本不兼容问题

因为在用java打开firefox浏览器的时候报错org.openqa.selenium.firefox.NotConnectedException:Unabletoconnecttohost127.0.0.1onport7055after45000ms在网上查阅了说是兼容问题然后就开始找selenium版本与对应firefox版本匹配的记录各firefox版本下载地址http://ftp.m... 查看详情

css的position-relative兼容问题与解决办法

参考技术A开发中遇到了使用相对定位,发现谷歌浏览器和QQ浏览器渲染的方式不一样,对应父级定位不同解决办法把需要定位的元素放在父级中的第一个子元素的位置在实际使用中发现一个兼容性的问题,position:relative是指针对... 查看详情

ie浏览器与其他浏览器兼容性问题解决

 1、关于Frame的获取问题tryvarsel=window.parent.parent.frames["Frame1"].frames["left1_top"].document.getElementById(‘Selectaa‘);varlbl=window.parent.parent.frames["topFrame"].document.getElementById(‘lblSection‘);catch(e)if(sel==null)trysel=window.parent.parent.frames["Frame1"].c... 查看详情

火狐浏览器“正在检查您的附件组件与firefox此版本的兼容性”--解决方案

 应该是你的配置文件有问题,最好重建一个。步骤:开始——运行——输入firefox.exe-p-no-remote--创建配置文件——下一步——完成即可。参考链接:资源一 查看详情

如何解决seleniumide与firefox的不兼容问题?

...。  现在最新的SeleniumIDE版本是V2.9.1(下载方法:火狐浏览器打开https://addons.mozilla.org/en-US/firefox/ad 查看详情

css浏览器兼容性与解决

一、超链接访问后hover样式不出现  1、现象描述:    同时设置了a:visited和a:hover样式,但一旦超链接点击过后,hover的样式就不再出现了。  2、解决方法:    调整样式顺序为先a:visited再a:hover即可。    a标签... 查看详情

如何解决bootstrap与ie不兼容问题

参考技术Abootstrap有使用CSS3,所以ie9以下浏览器不会很顺畅。IE9以下的兼容性不是很好。IE本身就是怪胎,就搞一些和外界标准不一致。搞得web开发考虑这考虑那的兼容性,蛋疼!基本上css3的没法正常使用:-无法正常显示CSS3圆角-... 查看详情

前端开发中常见的浏览器兼容性问题及解决方案(代码片段)

文章目录前言一、浏览器四大内核二、主流兼容问题(一)浏览器引擎(二)兼容问题的原因(三)为什么浏览器会存在兼容性问题?(四)处理兼容问题的思路1.要不要做?2.做到什么程度?... 查看详情

javascript多浏览器兼容性问题及解决方案

不论是网站应用还是学习js,大家很注重ie与firefox等浏览器的兼容性问题,毕竟这两中浏览器是占了绝大多数。一、document.formName.item(”itemName”)问题问题说明:IE下,可以使用document.formName.item(”itemName”)或document.formNa... 查看详情