1.怪异模式问题：漏写DTD声明，Firefox仍然会按照标准模式来解析网页，但在IE中会触发怪异模式。为避免怪异模式给我们带来不必要的麻烦，最好养成书写DTD声明的好习惯。 2.IE6双边距问题：在IE6下，如果对元素设置了浮动，同时又设置了margin-left或margin-right，margin值会加倍。例如： HTML： <div cla...
❤参考文档：网址 定义：浏览器兼容性又叫网页或者网站的兼容性问题，是指不同的浏览器（内核）对同一段代码有不同的解析，造成页面显示不一样的情况 所以需要考虑到：内核，客户端屏幕尺寸&分辨率，操作系统，不同终端 1.什么时候需要做浏览器兼容性测试？ 大型的，用户群体多的网站都需要做浏览器兼容性测试，需要测试主流的浏览器（除特定要求的浏览器以外）...
1. IOS移动端click事件300ms的延迟响应 移动设备上的web网页是有300ms延迟的，往往会造成按钮点击延迟甚至是点击失效。这是由于区分单击事件和双击屏幕缩放的历史原因造成的, 2007年苹果发布首款iphone上IOS系统搭载的safari为了将适用于PC端上大屏幕的网页能比较好的展示在手机端上，使用了双击缩放(double tap to z...
这是bootstrap提供的样式,只需要引入bootstrap.css即可. 需要使用的class样式: navbar navbar-inverse navbar-inner navbar-fixed-top //悬浮顶部样式 navbar-fixed-bottom //悬浮底部样式 container-fluid <!DOCTYPE html&g...
前言： 作为一位专业的前端开发人员，浏览器兼容性问题是我们必然会遇到的问题，今天就以我个人观点来为大家说说个大浏览器的洁容问题。 简单的来说就是个大浏览器使用的内核版本是不一样的，有着具有自己的内核。其中不得不说ie6、7了。作为我们前端人员来说ie无疑成为我们前端开发人员的一大阻碍，有人就说ie是垃圾浏览器，是奇葩浏览器。而为什么还会用它呢，那是...
英文原文：http://msdn.microsoft.com/en-us/library/cc288325(VS.85).aspx 文件兼容性用于定义让IE如何编译你的网页。此文件解释文件兼容性，如何指定你网站的文件兼容性模式以及如何判断一个网页该使用的文件模式。 前言 为了帮助确保你的网页在所有未来的IE版本都有一致的外观，IE8引入了文件兼容性。在I...
网页兼容性测试主要是针对不同的浏览器进行的测试。由于用户浏览器的不同，往往都会使我们的网页发生页面样式错乱，图片无法显示等问题。对于前端开发工程师来说，确保代码在各种主流浏览器的各个版本中都能正常显示,因此要对编写出来的网页进行兼容性测试 点击【IETester】图标打开一个窗口，这个窗口跟浏览器类似。创建的浏览器页面默认展示的是IETester Ho...
ChromeDriver可以理解为Chrome驱动，它是架在BAT程序和Chrome之间的桥梁。但是ChromeDriver的问题是，每个版本的兼容范围很窄，通常只能兼容3个Chrome版本。 因此，需要检查BAT文件夹内的ChromeDriver版本是否能兼容本机的Chrome 步骤： 1. 查看Chrome版本 2. 查看ChromeDriver版本...
首先，我们要知道，为什么各浏览器会产生兼容性问题？ 产生这个问题的主要原因是市面上的浏览器的种类很多，但由于不同的浏览器的内核不一致，从而导致各个浏览器对网页的解析就产生了差异。解决浏览器兼容性问题，还是从三个方面入手：html部分、css部分、js部分。 1、html部分 a、最突出也是最容易想到的就是高版本的浏览器用了低...