面试-浏览器兼容问题

最新推荐文章于 2024-05-14 03:58:49 发布
最新推荐文章于 2024-05-14 03:58:49 发布
阅读量363 收藏 3
点赞数
分类专栏： 面试
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/linchui22/article/details/112857006
版权
本文探讨了浏览器之间存在的样式兼容问题，如margin、padding差异，图片和表单元素间距问题，IE6中的margin异常，以及低版本IE浏览器中元素高度设置的问题。针对这些问题，提出了相应的解决策略，包括使用CSS通配符，设置float和clear属性，调整display属性，以及利用overflow和line-height。同时，还提到了针对不同IE版本的CSS Hack方法。
摘要由CSDN通过智能技术生成

1、通用-不同浏览器之间的margin、padding有区别

解决：使用通配符

* {
  margin: 0;
  padding: 0;
}

2、图片间隔、表单元素行高不一致

解决：设置float跟clear:both

3、在设置float的前提下，如果元素设置margin在IE6显示margin比设置的大

解决：设置float的元素再设置display:inline

4、当标签的高度设置小于10px，在IE6、IE7中会超出自己设置的高度

解决：使用overflow: hidden或者修改行高line-height

 

对于以上来说都是比较细节的，还有针对于每个标签样式的hack：

各浏览器CSS hack兼容表：

 

 

IE6

IE7

IE8

IE9

Firefox（火狐）
最低0.47元/天 解锁文章
木玄客
关注
专栏目录
前端面试-浏览器原理
wanglu458512的博客
09-17 733
一、浏览器 什么是URL 组成部分： protocol：协议，表明浏览器必须使用何种协议 domain：域名，表示正在请求哪个服务器 port：端口 path：网络服务器上资源的路径 parameters/query：提供给网络服务器的额外参数 anchor/fragment：资源本身的另一部分的锚点，锚点表示资源中的一种“书签”，给浏览器显示位于该“加书签”位置的内容的方向 scheme:// user:passwd@ host:port path ?query #fragment scheme 表示协议
最全前端面试题-2.2（浏览器兼容问题篇-上百篇题集整理1个月）.doc
05-04
花了近2个月时间挨个整理了网上上百篇的面试题，将一些错误进行了矫正，当然前端的答案并非绝对，各抒己见吧
前端面试——浏览器兼容问题
热门推荐
qq_29510269的博客
03-26 1万+
前端面试——浏览器兼容问题一、css样式兼容性问题 一、css样式兼容性问题 ie8浏览器不支持css3，像： ie8对选择器支持情况 ie8支持:first-child,但不支持:last-child、:last-of-type、:first-of-type、:nth-child(n)、:nth-last-child(n)、:nth-of-type(n)、:nth-last...
常见浏览器兼容性问题与解决方案（面试题目）
diaojilu3861的博客
03-30 2651
1，浏览器兼容问题一：不同浏览器的标签默认的margin和padding不同 问题症状：随便写几个标签，不加样式控制的情况下，各自的margin 和padding差异较大。 碰到频率:100% 解决方案： 可以使用Normalize来清除默认样式，具体可参考文章：来，让我们谈一谈 Normalize.css 也可以使用如下代码： body,h1,h2,h3,ul,li,i...
常见浏览器的兼容问题
weixin_34038652的博客
09-23 116
　　初学html和css时，每天切图，总会遇到很多浏览器兼容性问题。最近一直关注移动平台开发，就html和css来说，不用考虑那么多浏览器兼容性问题。到现在，以至于很多浏览器兼容性几乎忘光了。今天把以前总结的知识拿来分享一下，顺便自己也复习一下。当然，其中肯定有很多不足，望指正啊。   1 ie6.0横向margin加倍 产生因素：块属性、float、有横向margin。 解决方法：d...
常见浏览器的兼容性问题（面试重点）
飞翔的熊blabla
04-12 1487
众所周知，浏览器的兼容性问题是开发人员经常会遇到的问题，它是由于不同浏览器的不同对代码的解析不同，而产生的在页面上显示的效果不同。那么，现在我把从工作当中发遇到的有关兼容性问题及解决方案做个简单总结，供各位参考： 第一类：块状元素float后，有添加了横向的margin，在IE6下比设置的值要大（属于双倍浮动的bug） 解决方案：给float标签添加display：inline，将其转换为行内...
前端面试——浏览器兼容问题，前端开发提高班
2301_78416543的博客
04-02 956
ie8支持:first-child,但不支持:last-child、:last-of-type、:first-of-type、:nth-child(n)、:nth-last-child(n)、:nth-of-type(n)、:nth-last-of-type(n)、:enable、:disable 、:checked。CSS3引入了新的字体大小单位rem，与em的“相对于其父元素来设置字体大小”的功能不同，rem是相对于根元素的字体大小比率单位，成了目前主流的单位之一。
前端面试集锦（一些js的操作以及浏览器的兼容问题）
09-04
在本资源中，我们将对前端面试中的一些常见问题进行解读，涉及到 CSS、JavaScript、浏览器兼容性、Vue.js 等多个方面。 首先，让我们从 CSS 开始。CSS 中选择器的优先级是如何设置的？这是一个非常基础的问题，但是...
面试：浏览器常见问题-优化与兼容
wbskb的博客
07-21 1337
优化方案的适用性可能因具体应用场景和需求而有所不同，可以根据实际情况选择合适的优化策略。
常见浏览器兼容性问题及解决方案
asgdfasg的博客
01-18 1347
不同浏览器的内核不尽相同，所以各个浏览器对网页的解析存在一定的差异。 浏览器内核主要分为两种，一是渲染引擎，另一个是js 引擎 所以浏览器兼容性问题一般指：css兼容、js兼容 五大浏览器 内核 Chrome谷歌 之前Webkit，已改Blink内核 FireFox火狐 Gecko Safari苹果 Webkit IE Trident Opera欧朋 现已改用Google Chrome的Blink内核 一、css兼容 1. 不同浏览器的标签默认的margin和padd.
（转）谈谈浏览器的兼容性（面试题）
青椒的博客
05-26 633
（一）html部分 1.H5新标签在IE9以下的浏览器识别 <!--[if lt IE 9]> <script type="text/javascript" src="js/html5shiv.js"></script> <![endif]--> html5shiv.js下载地址：https://github.com/aFarkas/html5shiv/releases 2.ul标签内外边距问题ul标签在IE6\IE7中，有个默认的外边距，但是在IE8以上
JS、浏览器面试题
weixin_45866376的博客
02-28 1947
闭包，箭头函数，GET和POST，深拷贝，跨域，promise
web前端面试--浏览器兼容性问题、HTML5新标签、CSS媒体查询、CSS-hack、浏览器厂商前缀、优雅降级、渐进增强、
Penk的博客
08-22 3080
不同浏览器或者相同浏览器不同的版本内核，都可能引起兼容性问题，不只是dom，还有css以及js。
面试题 - 浏览器兼容性问题与解决方案
qq_45271323的博客
12-24 861
浏览器兼容问题及解决方案 https://blog.csdn.net/weixin_38536027/article/details/79375411 前端浏览器兼容性问题总结 https://www.jianshu.com/p/6afd596440bb
Web前端最新前端面试——浏览器兼容问题，最新前端大厂高频面试题
2401_84617873的博客
05-09 393
小编综合了阿里的面试题做了一份前端面试题PDF文档，里面有面试题的详细解析开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】ie8对选择器支持情况ie8支持:first-child,但不支持:last-child、:last-of-type、:first-of-type、:nth-child(n)、:nth-last-child(n)、:nth-of-type(n)、:nth-last-of-type(n)、:enable、:disable 、:checked。
2024年前端面试题之——兼容篇_跨浏览器兼容面试题，2024年最新五面拿下阿里飞猪offer
最新发布
2401_84433924的博客
05-14 621
开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】给大家分享一些关于HTML的面试题。（一）html 部分1.H5 新标签在 IE9 以下的浏览器识别[endif]-->html5shiv.js 下载地址2.ul 标签内外边距问题 ul 标签在 IE6\IE7 中，有个默认的外边距，但是在 IE8 以上及其他浏览器中 有个默认的内边距。解决方法：统一设置 ul 的内外边距为 0（二）CSS 样式的兼容性--[if IE 6]>此处内容只有 IE6.0 可见
2024年前端最全前端面试题之——兼容篇_跨浏览器兼容面试题(1)，前端中常见的面试题
2401_84446712的博客
05-06 691
开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】--[if IE 6]>此处内容只有 IE6.0 可见--[if IE 7]>此处内容只有 IE7.0 可见2.IE6 双边距问题：IE6 在浮动后，又有横向的 margin，此时，该元素的外边距是其值的 2 倍 解决办法：display:block;3.IE6 下图片的下方有空隙 解决方法：给 img 设置 display:block;
前端面试题--浏览器的兼容性问题怎么解决的
weixin_59907064的博客
08-28 1393
面试关于浏览器兼容性的解决
浏览器兼容问题 面试
10-24
浏览器兼容问题是指在不同的浏览器或者相同浏览器不同的版本内核中，可能会出现对HTML、CSS、JavaScript等前端技术的不同解释和支持程度，从而导致网页在不同浏览器中显示效果不同或者出现错误。为了解决这些兼容性...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值