常见的兼容性问题:1、不同浏览器的标签默认的外边距( margin )和内边距(padding)不同解决方案: css 里增加通配符 * { margin: 0; padding: 0; } 2、IE6双边距问题;在 IE6中设置了float , 同时又设置margin , 就会出现边距问题解决方案 ...
分类:
Web程序 时间:
2019-11-13 11:21:53
阅读次数:
93
背景解决浏览器的兼容性问题是一件很烦的事情,其中并没有太多高深的技巧,但是开发需要,也不得不去解决它,最近在开发项目中也遇到一些兼容性的问题,希望把这些问题的解决方式记录下来,下次遇到就直接拿过来用,也希望对他人有一些帮助。 兼容性问题及解决方式 1.object-fit在ie11和edge中不兼容 ...
分类:
其他好文 时间:
2019-11-11 15:39:13
阅读次数:
113
Jquery 高级版javascript 提供了更加便利的js使用方式 楔子 需求二: 将上面的li标签实现隔行换色效果 js代码 jquery代码 jquery介绍 js的痛点: + window.onload事件只能出现一次 + 如果出现多次,后面的事件会覆盖前面的事件 + 浏览器兼容性问题 + ...
分类:
Web程序 时间:
2019-11-03 01:32:13
阅读次数:
153
1.图片下面有缝隙(大于1px) a:把容器的标签和img标签放在同一行 b:将img设置为display:block 2.如果图片存在链接,ie会显示蓝色边框 <a></img src='./img' ></a> hack: img { border:0; } 3.表单元素行高对齐方式不一致 ha ...
分类:
其他好文 时间:
2019-10-25 20:15:20
阅读次数:
88
为什么会有兼容性问题? 由于市场上浏览器种类众多,而不同浏览器其内核亦不尽相同,所以各个浏览器对网页的解析就有一定出入,这也是导致浏览器兼容问题出现的主要原因,我们的网页需要在主流浏览器上正常运行,就需要做好浏览器兼容。 使用Trident内核的浏览器:IE、Maxthon、TT; 使用Gecko内 ...
分类:
Web程序 时间:
2019-10-07 09:58:20
阅读次数:
121
ecology8虽说支持主流浏览器访问,实测IE内核使用时,性能不佳,且偶尔还是有问题,谷歌(Webkit)内核效果最好。而且在进行JS二次开发时,处理浏览器兼容性问题是令人很头疼的事情。本段代码简单粗暴,谷歌内核的浏览器可以打开,其他浏览器就退出。 注意:E-Mobile由于使用Mobile Sa ...
分类:
其他好文 时间:
2019-09-27 12:34:10
阅读次数:
182
HTML5现在已经不是SGML的子集,主要是关于图像,位置,存储,多任务等功能的增加。 绘画canvas; 用于媒介回放的video和audio元素; 本地离线存储localStorage长期存储数据,浏览器关闭后数据不丢失; sessionStorage的数据在浏览器关闭后自动删除; 语义化更好的 ...
分类:
Web程序 时间:
2019-09-11 11:30:27
阅读次数:
109
平时开发中,经常会用到这样一个语句: 由于浏览器兼容性问题,通常这个语法是在 webpack 的构建流搭建的项目中执行的,那么这个语句到底做了什么呢? 其实在 nodejs 中,执行 import 就相当于执行了 require,而 require 被调用,其实会用到 require.resolve ...
分类:
其他好文 时间:
2019-08-27 17:20:15
阅读次数:
98
1、不同浏览器的标签默认的外补丁( margin )和内补丁(padding)不同解决方案: css 里增加通配符 * { margin: 0; padding: 0; } 2、IE6双边距问题;在 IE6中设置了float , 同时又设置margin , 就会出现边距问题解决方案:设置displa ...
分类:
其他好文 时间:
2019-08-18 19:30:17
阅读次数:
87
运行项目后如下为例,用手机通过同一个局域网测试不同的浏览器对项目的影响。 ...
分类:
其他好文 时间:
2019-07-30 17:22:13
阅读次数:
99