成都创新互联公司坚持“要么做到,要么别承诺”的工作理念,服务领域包括:成都做网站、成都网站制作、成都外贸网站建设、企业官网、英文网站、手机端网站、网站推广等服务,满足客户于互联网时代的弋江网站设计、移动媒体设计的需求,帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴!
![](/upload/ad_content/jianzhan-8.jpg)
1,如何解决网站浏览器兼容性的问题
2,浏览器兼容问题怎么解决
3,网站的浏览器兼容性怎么改
不知道你用的什么浏览器?推荐你使用360浏览器~ 360安全浏览器是互联网上安全好用的新一代浏览器,拥有中国最大的恶意网址库,采用云查杀引擎,可自动拦截挂马、欺诈、网银仿冒等恶意网址。独创的“隔离模式”,让用户在访问木马网站时也不会感染。无痕浏览,能够最大限度保护用户的上网隐私。360安全浏览器体积小巧、速度快、极少崩溃,并拥有翻译、截图、鼠标手势、广告过滤等几十种实用功能,已成为广大网民上网的优先选择。对于不同的浏览器,显示的兼容性一般都会存在,几乎不可能满足所有的浏览器。正常的情况就是测试在IE的6/7/8版本下和firefox下的显示兼容性。只能在这些浏览器下进行不断微调和测试,没有好的解决方法。网站的浏览器兼容性修改改方法(以360浏览器为例): 1、打开360浏览器进入主页; 2、会发现在地址栏有一个闪电标志; 3、点击闪电标志,就会出现浏览模式选项,如下图所示,选择兼容模式即可。对于不同的浏览器,显示的兼容性一般都会存在,几乎不可能满足所有的浏览器。正常的情况就是测试在IE的6/7/8版本下和firefox下的显示兼容性。只能在这些浏览器下进行不断微调和测试,没有好的解决方法。4,如何解决不同浏览器之间的兼容性问题
常见的浏览器兼容性问题与解决方案大致有以下九种形式: 一、不同浏览器的标签默认的外边界和内填充不同问题表现:不加样式控制下,margin和padding差异较大解决方案:css里 *备注:这是最常见也是最易解决的一个兼容问题,几乎所有的css文件开头都会用通配符*来设置各个标签外边界和内填充为0二、块属性标签float后,又有横向的margin情况下,在IE6显示margin比设置的大问题表现:IE6后面的一块被顶到下一行解决方案:在float的标签样式控制中加入display:inline;转化为行内属性备注:横向浮动的div布局,使用上margin进行边界设置时,必然会碰到此问题三、设置较小高度标签(一般小于10px),在IE6、IE7,遨游中高度超出设置高度值问题表现:IE6、7和遨游里这个标签的高度不受控制,超出自己设置的高度解决方案:给超出高度的标签设置overflow:hidden;或者设置行高line-height小于你设置的高度备注:一般出现在设置小圆角背景的标签里。出现该问题原因是IE8之前的浏览器都会给标签一个最小默认行高的高度,即使标签是空内容,标签的高度还是会有默认行高。四、行内属性标签,设置display:block后采用float布局,又有横向的margin情况,IE6间距bug问题表现:IE6的间距比超过设置的间距解决方案:在display:block;后面加入display:inline;display:table;备注:行内属性标签,为了设置宽度,需要设置为display:block;(表单元素除外)在用float布局且有横向margin后,在IE6下,就具有了块属性float后的横向margin的bug。由于设置为display:inline,高度失效,所有在后面补上display:table。五、图片默认有间距问题表现:几个img标签放在一块,有些浏览器会有默认的间距,有通配符也不起作用解决方案:使用float属性为img布局备注:img标签是行内属性标签,只要不超出容器高度,img会排在一行里,使用float是比较好的选择六、标签最低高度设置min-height不兼容问题表现:min-height本身就是一个不兼容的css属性,所以设置min-height时不能兼容所有浏览器解决方案:如果设置一个标签最小高度为200px,需要进行设置 备注:b/s系统前端时,当内容小于一个值时,容器的高度保持该值,当内容大于该值时,高度自适应且不出现滚动条。七、光标手形问题表现:firefox不支持hand,但ie支持pointer解决方案:统一使用cursor:pointer;八、字体大小定义不同问题表现:对字体大小small定义不同,Firefox为13px,而IE为16px,差别比较大解决方法:使用指定的字体大小如14px或者使用em九、IE6 3px bug问题表现:左侧div浮动left,右边DIV可以接着横向排列,形成典型一列固定,第二列自适应,IE6出现之间3px间隙解决方法:对左侧left的盒子补上_margin-right: -3px;
5,html常见兼容性问题有哪些
1.当加了doctype<img /> 标签的alt属性在ie8或以上不生效,所以推荐使用title属性。2.什么情况下使用id选择器或class选择器id选择器复用性比较低,优先级比较高,唯一使用,所以如果某个样式只是给某一个html元素使用,则选择id选择器,如果一个样式可能给多个html元素使用,则应当使用class选择器。3.a:link 在ie5,6下无效可以直接使用a4.IETest工具,也有一个兼容性问题,在win7下,打不开ie6。可以下载绿色版的ie6,不用安装直接用的那种。5.在嵌套div中,如果外层div没有设置边框,内层div的margin-top会无效。1.当加了doctype<img /> 标签的alt属性在ie8或以上不生效,所以推荐使用title属性。2.什么情况下使用id选择器或class选择器id选择器复用性比较低,优先级比较高,唯一使用,所以如果某个样式只是给某一个html元素使用,则选择id选择器,如果一个样式可能给多个html元素使用,则应当使用class选择器。3.a:link 在ie5,6下无效可以直接使用a4.IETest工具,也有一个兼容性问题,在win7下,打不开ie6。可以下载绿色版的ie6,不用安装直接用的那种。5.在嵌套div中,如果外层div没有设置边框,内层div的margin-top会无效。浏览器兼容问题一:不同浏览器的标签默认的margin和padding不同 问题症状:随便写几个标签,不加样式控制的情况下,各自的margin 和padding差异较大。 碰到频率:100% 解决方案: css里加一行 1 *{margin:0;padding:0;} 备注:这个是最常见的也是最易解决的一个浏览器兼容性问题,几乎所有的css文件开头都会用通配符*来设置各个标签的内外补丁是0。 浏览器兼容问题二:块属性标签float后,又有横行的margin情况下,在ie6显示margin比设置的大 问题症状:常见症状是ie6中后面的一块被顶到下一行 碰到频率:90%(稍微复杂点的页面都会碰到,float布局最常见的浏览器兼容问题) 解决方案:在float的标签样式控制中加入 display:inline;将其转化为行内属性 备注:我们最常用的就是div+css布局了,而div就是一个典型的块属性标签,横向布局的时候我们通常都是用div float实现的,横向的间距设置如果用margin实现,这就是一个必然会碰到的兼容性问题。 浏览器兼容问题三:设置较小高度标签(一般小于10px),在ie6,ie7,遨游中高度超出自己设置高度 问题症状:ie6、7和遨游里这个标签的高度不受控制,超出自己设置的高度 碰到频率:60% 解决方案:给超出高度的标签设置overflow:hidden;或者设置行高line-height 小于你设置的高度。 备注:这种情况一般出现在我们设置小圆角背景的标签里。出现这个问题的原因是ie8之前的浏览器都会给标签一个最小默认的行高的高度。即使你的标签是空的,这个标签的高度还是会达到默认的行高。 浏览器兼容问题四:行内属性标签,设置display:block后采用float布局,又有横行的margin的情况,ie6间距bug 问题症状:ie6里的间距比超过设置的间距 碰到几率:20% 解决方案:在display:block;后面加入display:inline;display:table; 备注:行内属性标签,为了设置宽高,我们需要设置display:block;(除了input标签比较特殊)。在用float布局并有横向的margin后,在ie6下,他就具有了块属性float后的横向margin的bug。不过因为它本身就是行内属性标签,所以我们再加上display:inline的话,它的高宽就不可设了。这时候我们还需要在display:inline后面加入display:talbe。 浏览器兼容问题五:图片默认有间距 问题症状:几个img标签放在一起的时候,有些浏览器会有默认的间距,加了问题一中提到的通配符也不起作用。 碰到几率:20% 解决方案:使用float属性为img布局 备注:因为img标签是行内属性标签,所以只要不超出容器宽度,img标签都会排在一行里,但是部分浏览器的img标签之间会有个间距。去掉这个间距使用float是正道。(我的一个学生使用负margin,虽然能解决,但负margin本身就是容易引起浏览器兼容问题的用法,所以我禁止他们使用) 浏览器兼容问题六:标签最低高度设置min-height不兼容 问题症状:因为min-height本身就是一个不兼容的css属性,所以设置min-height时不能很好的被各个浏览器兼容 碰到几率:5% 解决方案:如果我们要设置一个标签的最小高度200px,需要进行的设置为:{min-height:200px; height:auto !important; height:200px; overflow:visible;} 备注:在b/s系统前端开时,有很多情况下我们又这种需求。当内容小于一个值(如300px)时。容器的高度为300px;当内容高度大于这个值时,容器高度被撑高,而不是出现滚动条。这时候我们就会面临这个兼容性问题。 浏览器兼容问题七:各种特殊样式的兼容,比如透明度、圆角、阴影等。特殊样式每个浏览器的代码区别很大,所以,只能现查资料通过给不同浏览器写不同的代码来解决。 js解决ie6下png透明失效的问题 做兼容页面的方法是:每写一小段代码(布局中的一行或者一块)我们都要在不同的浏览器中看是否兼容,当然熟练到一定的程度就没这么麻烦了。建议经常会碰到兼容性问题的新手使用。很多兼容性问题都是因为浏览器对标签的默认属性解析不同造成的,只要我们稍加设置都能轻松地解决这些兼容问题。如果我们熟悉标签的默认属性的话,就能很好的理解为什么会出现兼容问题以及怎么去解决这些兼容问题。
当前标题:如何解决浏览器兼容性问题,如何解决网站浏览器兼容性的问题
网站URL:https://www.cdcxhl.com/article20/ejejjo.html
成都网站建设公司_创新互联,为您提供网站收录、域名注册、网站策划、建站公司、网站内链、云服务器
广告
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源:
创新互联