浏览器之间样式差异———解决
2017-08-14 16:07
190 查看
做前端开发,调试是必不可免的。鉴于谷歌强大的调试工具,一般开发还是用谷歌浏览器做调试比较好。
但谷歌有利也有弊,因为谷歌有自动补全机制,所以有些错误我们还是要借助其他浏览器来进行调试。
浏览器之间内核不一样,的确会存在差异,如果真的是内核之间大的差异引起的,那就没办法了。但是也有可能是默认样式引起的,因为浏览器之间的默认样式也不一样。一般都会引入重置样式尽量消除浏览器之间的差异。可以引入
这是cdn的一个css样式
但谷歌有利也有弊,因为谷歌有自动补全机制,所以有些错误我们还是要借助其他浏览器来进行调试。
浏览器之间内核不一样,的确会存在差异,如果真的是内核之间大的差异引起的,那就没办法了。但是也有可能是默认样式引起的,因为浏览器之间的默认样式也不一样。一般都会引入重置样式尽量消除浏览器之间的差异。可以引入
normalize.css试试,这个样式即可以尽量消除浏览器之间的样式差异,又保留一定的样式。请试试在
<head></head>里试试引入下面这一句代码:
<link href="http://cdn.bootcss.com/normalize/4.2.0/normalize.min.css" rel="stylesheet">
这是cdn的一个css样式
相关文章推荐
- javascript判断是否按回车键并解决浏览器之间的差异
- 为什么要初始化 CSS 样式 因为浏览器的兼容问题,不同浏览器对有些标签的默认值是不同的,如果没对 CSS 初始化往往会出现浏览器之间的页面显示差异。 当然,初始化样式会对 SEO 有一定的影响,但鱼
- javascript判断是否按回车键并解决浏览器之间的差异
- css背景图片填充样式background-size兼容ie8以下浏览器解决
- 解决input的file类型各浏览器的样式兼容
- 12个需要注意的规范样式写法解决浏览器兼容问题
- 解决 谷歌 浏览器 黄色 背景 的 css 样式
- EventUtil是为了解决不同浏览器之间事件绑定的不同而自设的function
- 对于CSS中浏览器对尺寸和宽高解释差异的解决方法
- 浏览器解析js生成的html出现样式问题的解决方法
- 解决不同浏览器下获取样式的兼容性问题
- 不同浏览器之间的一些差异整理(持续更新ing)
- 小数在各个浏览器的差异及css用小数解析差异解决浏览器兼容性问题
- 关于自定义鼠标样式和ComboBox弹出list之间层级错位的解决方法
- Css hack总结及其最佳用法,告诉你怎么运用hack,无懈可击的解决各个浏览器的样式兼容
- 一些CSS和浏览器之间的怪异显示及对应的解决办法
- 编辑网页时 火狐跟IE两大浏览器之间的差异
- CSS学些心得--解决各个浏览器样式显示的兼容性问题
- js事件在不同浏览器之间的差异
- Javascript常见问题及解决(二)如何实现浏览器内多个标签页之间的通信?