你做的页面在哪些浏览器测试过?这些浏览器的内核是什么?经常遇到的浏览器的兼容性有哪些?怎么会出现?解决方法是什么?(至少说3个)

Milk.╮ Milk.╮     2022-08-02     153

关键词:

IE内核浏览器:360,傲游,搜狗,世界之窗,腾讯TT

非IE内核浏览器:firefox opera safari chrome

1.就是ie6双倍边距的问题,在使用了float的情况下,不管是向左还是向右都会出现双倍,最简单的解决方法就是用display:inline;加到css里面去。

2.文字本身的大小不兼容。同样是font-size:14px的宋体文字,在不同浏览器下占的空间是不一样的,ie下实际占高16px,下留白3px,ff下实际占高17px,上留白1px,下留白3px,opera下就更不一样了。解决方案:给文字设定 line-height 。确保所有文字都有默认的 line-height 值。这点很重要,在高度上我们不能容忍1px 的差异。

3. ff下容器高度限定,即容器定义了height之后,容器边框的外形就确定了,不会被内容撑大,而ie下是会被内容撑大,高度限定失效。所以不要轻易给容器定义height。

4. 还讨论内容撑破容器问题,横向上的。如果float 容器未定义宽度,ff下内容会尽可能撑开容器宽度,ie下则会优先考虑内容折行。故,内容可能撑破的浮动容器需要定义width。

5. 浮动的清除,ff下不清除浮动是不行的。

6. mirrormargin bug,当外层元素内有float元素时,外层元素如定义margin-top:14px,将自动生成margin-bottom:14px。padding也会出现类似问题,都是ie6下的特产,该类bug 出现的情况较为复杂,远不只这一种出现条件,还没系统整理。解决方案:外层元素设定border 或 设定float。

7. 吞吃现象,限于篇幅,我就不展开了。还是ie6,上下两个div,上面的div设置背景,却发现下面没有设置背景的div 也有了背景,这就是吞吃现象。对应上面的背景吞吃现象,还有滚动下边框缺失的现象。解决方案:使用zoom:1。这个zoom好象是专门为解决ie6 bug而生的。

你做的页面在哪些浏览器测试过?这些浏览器的内核是什么?经常遇到的浏览器的兼容性有哪些?怎么会出现?解决方法是什么?(至少说3个)

IE内核浏览器:360,傲游,搜狗,世界之窗,腾讯TT非IE内核浏览器:firefoxoperasafarichrome1.就是ie6双倍边距的问题,在使用了float的情况下,不管是向左还是向右都会出现双倍,最简单的解决方法就是用display:inline;加到css里面去。2.... 查看详情

做过的页面在哪些浏览器测试过?这些浏览器的内核分别是什么

谷歌、safari:webkit内核IE:trident火狐:gecko还有现在国产的一些第三方的浏览器基本也是基于webkit内核的,其所谓的双核中的极速模式就是webkit内核,兼容模式就是ie的trident内核 查看详情

前端面试题目汇总摘录(不持续更新)(代码片段)

温故而知新,保持空杯心态HTML和CSS你做的页面在哪些浏览器测试过?这些浏览器的内核分别是什么浏览器名称内核IEtridentFirefox(火狐)geckoSafariwebkitOpera以前是presto,现在已改用GoogleChrome的Blink内核Chrome(谷歌)Blink(基于webkit... 查看详情

前端笔试总结(代码片段)

一、HTML和CSS1、你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么?IE: trident内核Firefox:gecko内核Safari:webkit内核Opera:以前是presto内核,Opera现已改用GoogleChrome的Blink内核Chrome:Blink(基于webkit,Google与OperaSoftware共同开... 查看详情

java--web前端面试题及答案(需更深入了解)

...符、组合选择符3、你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么?Ie(Ie内核) 火狐(Gecko)谷歌(webkit) opear(Presto)4、”==” 查看详情

一些前端面试题

1.你做过的页面在那些浏览器测试过?它们的内核分别是什么?IE(trident内核);Firefox(gecko内核);Safari(webkit内核);Opera(以前是presto内核,现在已经改用GoogleChrome的Blink内核);Chrome(Blink内核,基于webkit,Google与OperaSoftware共同... 查看详情

浏览器兼容性知识和软件测试计划

一、浏览器兼容性测试介绍1、定义:因为不同浏览器对同一代码有不同的解析,造成页面显示效果不统一的情况2、原因:不同浏览器使用的内核及所支持的HTML等网页语言标准不同及用户客户端环境不同造成显示效果达不到理想... 查看详情

你了解现在有哪些主流浏览器及其内核吗

浏览器最重要的部分是浏览器的内核,浏览器内核是浏览器的核心,也称“渲染引擎”,用来解释网页语法并渲染到网页上;浏览器内核决定了浏览器该如何显示网页内容以及页面的格式信息,不同的浏览器内核对网页的... 查看详情

web测试方法都有哪些?测试技术又都有哪些?软件测试工具又都有哪些呢,优劣势分别是啥

...是技术还是方法啊?web网站本质上带有web服务器和客户端浏览器的C/S结构的应用程序。主要考虑web页面、TCP/IP通讯、Internet链接、防火墙和运行在web页面上的一些程序(例如,applet、javascrīpt、应用程序插件),以及运行在服务器端... 查看详情

前端工程化,你做了多少?(代码片段)

...一定的环境,比如jsp,php等。铁器时代随着ajax的诞生,浏览器可以主动从服务端拉取数据,前后端分离的时代到来,SPA应运而生,前端可以处理一些复杂的交互、业务逻辑。工业时代随着前端扮演的角色越来越重要,各种SPA框... 查看详情

浏览器兼容性测试

1.什么时候需要做浏览器兼容性测试?用户有要求,指定浏览器需求(环境:浏览器:ie8ie9火狐)网站一般都需要做兼容,用户使用量+内核来看,选取主流浏览器4-5浏览器2.一般兼容性测试是怎么来做的?兼容性测试内容:主要测试是页面... 查看详情

如何让 Selenium firefox 驱动只截取浏览过的页面

】如何让Seleniumfirefox驱动只截取浏览过的页面【英文标题】:HowtomakeSeleniumfirefoxdrivertakescreenshotsofonlyviewedpage【发布时间】:2016-01-0517:58:18【问题描述】:我正在使用Java中的Selenium运行一系列自动化GUI测试。这些测试经常使用以... 查看详情

哪些浏览器在缓存 XMLHTTPRequest 响应时存在问题?

】哪些浏览器在缓存XMLHTTPRequest响应时存在问题?【英文标题】:WhichbrowsershaveproblemscachingXMLHTTPRequestresponses?【发布时间】:2010-10-1505:12:36【问题描述】:目前流行的浏览器是否存在缓存*XMLHttpRequest响应的特殊问题,我需要注意... 查看详情

以ie为内核的浏览器都有哪些?

IE内核浏览器推荐世界之窗(TheWorld)、傲游浏览器(Maxthon)、腾讯TT(TencentTraveler)、爱帆浏览器(AvantBrowser)、360安全浏览器(360SE)、搜狗浏览器(兼容模式)(SougouExplorer)、瑞影浏览器(Rayying)。浏览器最核心的部分是渲染引擎(RenderingEngine),... 查看详情

docker部署react项目

...器后,还需要对该应用在nginx的配置里作相应调整,否则浏览器将不能正常刷新,表现为页面不显示或页面跳转错误等异常。原因在于这些react应用在运行时会更改浏览器uri而又不真的希望服务器对这些uri去作响应,如果此时刷... 查看详情

django制作web网站,动态页面数据已更新,但是无法刷新,这是怎么回事?是页面缓存吗?

...首先,如果现在成功返回的注册成功信息,你点击了F5或浏览器上的刷新,浏览器会默认再发一次请求,这时会问你是否继续提交,如果你点了继续提交,那么你之前的注册信息会再次被提交,如果后台不去验证唯一性,那么会... 查看详情

笔记让360浏览器用chrome内核渲染你的网页

...校的项目还处在测试阶段有一个痛点就是有一些页面在360浏览器中默认以ie内核渲染这样很不好以为部分页面因技术方面的不足导致并不能很好地兼容ie浏览器,于是在网上找了一下答案可真还有解决方法只要在你的页面加上这... 查看详情

哪些浏览器是用ie内核的?哪些不是ie内核的,

具体点,都举一下例子吧,谢谢浏览器使用IE内核的有世界之窗浏览器、360浏览器、搜狗高速浏览器、TT浏览器、百度浏览器。不使用IE内核的有谷歌浏览器 、Gecko浏览器、Firefox浏览器。   1、百度浏览器使用IE内核... 查看详情