前端兼容性

作者: zoomsk | 来源:发表于2016-10-25 17:50 被阅读115次

前端兼容主要是指不同的浏览器具有不同的内核对于相同的css代码可能有不同的解析方式。

内外边距

不同浏览器相同标签的默认内外边距可能不同 
//方法一   
 *{
    margin: 0;
    padding: 0;
  }
//方法二    把常见的标签内外边距默认设置为0,效率比一高        
   blockquote,  body, code , dd, div, dl, dt,fieldset, form,   h1, h2, h3, h4, h5,h6, input, legend, li, ol, p, pre, td,textarea, th, ul   
{
margin: 0;
padding: 0;

透明度

ie下用  filter: alpha(opacity=50); 
其他用  opacity: 0.5;  

图片放一起,默认会有间距

 使用float布局  
 如 float: left

相关文章

  • 使用webpack的注意点

    作者:叶茂;标签: webpack,兼容性 知识点 webpack简要介绍 打包前端代码,优化前端工作流。 注意点...

  • 前端 兼容性

    ie7 ie8 ie9 textarea placeholder (http://www.cnblogs.com/...

  • 前端兼容性

    前端兼容主要是指不同的浏览器具有不同的内核对于相同的css代码可能有不同的解析方式。 内外边距 } 透明度 图片放...

  • C3-目录→兼容性

    兼容性前端的三个层级的语言都有兼容性问题HTML section,footer,video等,如果浏览器不能识别某...

  • Ajax Axios

    关于Ajax兼容性问题 前端原生Ajax(get方式),后端使用node.js 前后端代码: 前端原生Ajax(p...

  • 兼容性测试

    测试执行内容 根据需求 行业标准 竞品 软件高低版本 何时介入兼容性测试 兼容性关注的内容:前端

  • 如何使用Node爬虫利器Puppteer进行自动化测试

    文:华为云DevCloud 乐少 1、背景 1.1 前端自动化测试较少 前端浏览器众多导致页面兼容性问题比较多,另...

  • 前端解决兼容性

    1.HTML对象获取问题 FireFox:document.getElementById("idName"); i...

  • 59.3-CSS

    每一秒钟都有机会改变你的生活! 总结:前端的兼容性:JS、CSS、html的兼容性都是很头疼的问题;节点、标签、样...

  • 前端下载excel文件二三事

    最近项目中有涉及到后端传给前端blob数据,然后前端处理进行下载的需求。查询资料后,发现使用a标签进行下载的兼容性...

网友评论

    本文标题:前端兼容性

    本文链接:https://www.haomeiwen.com/subject/yngruttx.html