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

最新推荐文章于 2024-06-30 15:31:34 发布
最新推荐文章于 2024-06-30 15:31:34 发布
阅读量308 收藏 1
点赞数
分类专栏： 兼容
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lbjbk/article/details/108761849
版权
本文列举并解决了十个常见的浏览器兼容问题，包括标签默认内外补丁差异、浮动元素margin问题、高度设置不一致、图片默认间距、min-height兼容、opacity不支持、定位与溢出、a标签样式顺序、边距重叠以及背景闪烁等。通过CSS调整和特定浏览器 hack 方法，为开发者提供了实用的解决方案。
摘要由CSDN通过智能技术生成

浏览器兼容问题解决

在此只展示了十点

  1. 问题一：不同浏览器的标签默认内外补丁不同
    问题：我们平时随便做测试，写几个标签，在不加样式的情况下，各自margin与padding的差异是很大的
    解决:在css里，给全局加
*{
   
	margin:0;
	padding:0;
}

  1. 问题二：块属性标签设置float后，同时又有水平margin时，在IE6显示margin比设置的大导致最后一块元素被挤掉
    解决：可以将块级元素display设置为inline。

  2. 问题三：在IE6，IE7等浏览器，标签高度小于10px时，实际的高度会超出设置的高度，这是因为浏览器给标签设置了一个默认的最小高度；
    解决࿱

最低0.47元/天 解锁文章
对的时间对的人
关注
专栏目录
浏览器兼容性问题及解决方案大汇总
qq_51179053的博客
07-03 3174
所谓浏览器兼容性问题：是指不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的效果。解决方法前端开发疆场需要检查浏览器的兼容性，这里推荐（Can I Use）这个查询网址。是一个针对前端开发人员制定的一个查询CSS、JS、HTML5、SVG，可以很好的保证网页在浏览器中的兼容性。CSS兼容问题1、不同浏览器的标签默认的内外边框不同。解决方案 {margin:0;padding:0}/** * 该文件用于清除浏览器样式 */ html, body, div, span, applet, objec
浏览器兼容性问题
罗先生
05-28 1347
在不同的浏览器中，浏览器的内核都是不相同的，所以各个浏览器对网页的解析存在一定的差异。浏览器内核主要分为两种，一是渲染引擎，另一个是js引擎，所以浏览器的兼容性问题一般是指:css兼容、js兼容 Css兼容性问题： 1.不同浏览器的标签默认的margin和padding不同 解决办法：可以通过设置全局样式来解决这个问题，这样所有的样式都会重置，初始值都会相同了。 2.css3新属性，加浏览器前缀兼容早期浏览 -moz-/ 火狐浏览器 /-webkit-/ Safa...
浏览器兼容性问题及其解决方法的探讨与总结
最新发布
微赚开发者技术分享博客
06-30 399
大家好，我是免费搭建查券返利机器人省钱赚佣金就用微赚淘客系统3.0的小编，也是冬天不穿秋裤，天冷也要风度的程序猿！
浏览器的兼容性问题
每天都记录一点点！
12-21 7391
1. 默认的内外边距不同 问题： 各个浏览器默认的内外边距不同 解决： *{margin:0;padding:0;} 2. 水平居中的问题 问题： 设置 text-align: center   ie6-7文本居中，嵌套的块元素也会居中 ff /opera /safari /ie8文本会居中，嵌套块不会居中 解决： 块元素设置 1、margin-left:auto;marg
浏览器兼容性问题及其解决方案
老电影故事的博客
11-28 4066
是指 不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的效果。即：同样的代码，在不同的浏览器上显示的页面效果不一样。
浏览器的兼容问题及解决方案整理（建议收藏）
forever
04-17 4215
从开发者角度来讲，多了解标准，了解浏览器兼容性问题，就可以在开发的过程中，有效的避开兼容性问题，让你的页面在所有浏览器中畅通无阻。然而，这对开发者来说，是好事，也是坏事。说它是好事，是因为浏览器厂商为了取得更多的市场份额，会促使各浏览器更符合W3C标准，而得到更好的兼容性，并且，不同浏览器的扩展功能(例如。而人为造成兼容性问题的原因，除了粗心之外，大都源于浏览器bug的存在，和开发者对标准的不了解。W3C对标准的推进，Firefox，Chrome，Safari，Opera的出现，结束了IE雄霸天下的日子。
常见浏览器兼容性问题与解决方案css篇
01-21
所谓的浏览器兼容性问题，是指因为不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况。在大多数情况下，我们的需求是，无论用户用什么浏览器来查看我们的网站或者登陆我们的系统，都应该是统一的...
常见浏览器兼容性问题汇总及解决方案
03-21
所谓的浏览器兼容性问题，是指因为不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况。在大多数情况下，我们的需求是，无论用户用什么浏览器来查看我们的网站或者登陆我们的系统，都应该是统一的...
前端常见浏览器兼容性问题解决方案
web18484626332的博客
03-06 1248
前言： 不同浏览器的内核不尽相同，所以各个浏览器对网页的解析存在一定的差异。 浏览器内核主要分为两种，一是渲染引擎，另一个是js 引擎 所以浏览器兼容性问题一般指：css兼容、js兼容 浏览器 内核（渲染引擎） Chrome谷歌 之前Webkit，已改Blink内核 FireFox火狐 Gecko Safari苹果 Webkit IE Trident Opera欧朋 现已改用Google Chrome的Blink内核 一、css兼容 1. 不同浏览器的标签默认的margin和padding不同 问题症
浏览器常见的兼容问题
weixin_69375569的博客
07-04 658
浏览器常见的兼容问题
常见浏览器兼容性问题与解决方案
03-19
常见浏览器兼容性问题与解决方案 常见浏览器兼容性问题与解决方案 常见浏览器兼容性问题与解决方案
浏览器兼容问题及解决方法
DW14687的博客
10-18 484
以下记录了几个常见浏览器兼容性问题及解决方案，如图片间隙、双倍边距的详细解决方案。
浏览器兼容性问题及解决方案（一）
qq_39872626的博客
05-06 2109
一、css兼容 1. 不同浏览器的标签默认的margin和padding不同 解决方案： CSS里 *{margin:0;padding:0;} 但是性能不好 一般我们会引入reset.css样式重置； 2.css3新属性，加浏览器前缀兼容早期浏览器 -moz- /* 火狐浏览器 / -webkit- / Safari, 谷歌浏览器等使用Webkit引擎的浏览器 / -o- / Opera浏览器(早期) / -ms- / IE */ 3.块属性标签float后，又有横行的margin情况下，
浏览器兼容问题及解决方法汇总（持续更新......)
Kris的博客
04-21 846
一、出现兼容问题的原因：         浏览器种类很多，但是区别主要在浏览器内核的不同，所以各内核对网页的解析差异，是导致浏览器兼容问题出现的主要原因。关于浏览器内核（browser kernel)，是浏览器最为核心的部分，可以分为两部分，一部分是渲染引擎（render engineer或layout engineer)，方负责生成DOM树，render，repaint这些工作；另一部分是JS...
浏览器兼容性版本问题与解决方案
Wang_MengHan的博客
10-05 3016
添加链接描述 所谓的浏览器兼容性问题，是指因为不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况。在大多数情况下，我们的需求是，无论用户用什么浏览器来查看我们的网站或者登陆我们的系统，都应该是统一的显示效果。所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。 在学习浏览器兼容性之前，我想把前端开发人员划分为两类： 第一类： 是精确按照设计图开发的前端开发人员，可以说是精确到1px的，他们很容易就会发现设计图的不足，并且在很少的情况下会碰到浏览器的兼容性问题，而这些问题往往都死
常见浏览器兼容问题及解决办法(部分)
simon_xing的博客
08-09 383
一、不同浏览器解析元素默认的外边距和填充大小存在误差 方法：把当前页面的可视区域元素的边距和填充都默认初始化为0 二、元素height高度（通常小于10px）IE6以下会超出本身设置默认高度(19px) 方法：1、给超出元素设置overflow:hidden 2、font-size:0; （2px） 三、border元素边框 1像素点状线（dotted）在IE6以及以下解...
【浏览器兼容性问题解决方案】
Lnbd_的博客
02-16 3423
浏览器兼容性问题解决方案
PC端浏览器常见兼容问题及解决方案
TJ_DS的博客
11-12 6254
PC端浏览器常见兼容问题及解决方案一、IE6的特殊样式1.IE6块级元素设置float之后，设置的横向margin样式margin加倍debug: 将该块级元素设置样式 display:inline 2.IE6默认有行高debug: overflow:hidden;或者font-size:0;或者设置行高 3.IE6中如果为li设置宽高，且li内部元素设置float，li之间会有间距debug:
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值