美文网首页
hack和兼容性

hack和兼容性

作者: 菲龍探雲 | 来源:发表于2016-06-22 23:29 被阅读72次
  • 如何调试 IE 浏览器
  1. 安装虚拟机使用ie浏览器f12打开控制台调试
  2. 使用某些版本的ie浏览器f12
Paste_Image.png
  • 什么是CSS hack?在 CSS 和 HTML里如何写 hack?在 CSS 中 ie6、ie7的 hack 方式?

针对不同的浏览器写只有这个浏览器认得写法

CSS

.selector { _property: value; } 

在属性前面加上hack写法

.selector { property: value\9; }

在属性值后面加上hack写法

HTML

<!--[if ie 7]-->
Everything but Internet Explorer 7
<!--<![endif]-->

通过添加只有需要hack版本浏览器才认得注释

ie6

.selector { _property: value; }
.selector { -property: value; }

ie7

.selector\ {}

ie6&7

.selector { *property: value; }
  • 列举几种 浏览器兼容问题

ie7及以下不认

display:inline-block
Paste_Image.png j

ie6及以下不认除a标签意外的:hover伪类

Paste_Image.png
  • 针对兼容、多浏览器覆盖有什么看法?渐进增强优雅降级是什么意思?

针对公司需求和市场需求用户群体来兼容浏览器,用户太少的话我们就可以不需要花费太多的心思在上面
还是要着眼于未来技术的发展。在ie9 firefox chrome要保持基本一致 ie8~ie7 80%左右一致 ie6能够正常使用即可

渐进增强 :针对低版本浏览器进行构建页面,保证最基本的功能,然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。

优雅降级 :一开始就构建完整的功能,然后再针对低版本浏览器进行兼容。

区别:优雅降级是从复杂的现状开始,并试图减少用户体验的供给,而渐进增强则是从一个非常基础的,能够起作用的版本开始,并不断扩充,以适应未来环境的需要。降级(功能衰减)意味着往回看;而渐进增强则意味着朝前看,同时保证其根基处于安全地带。


  • reset.css和normalize.css分别是做什么的?为什么推荐使用 nomalize.css?

reset.css 对各个浏览器给予标签的默认样式都重置做到初始化设置
normalize.css 尽量保留浏览器给予标签的默认样式,又能保证其各个浏览器看起来效果一样

修复了一些浏览器的bug,保留了有价值的默认值,有详细的文档


  • IE盒模型和标准盒模型有什么区别? 怎样使 IE678使用标准盒模型?box-sizing:border-box
    有什么作用

ie盒模型 元素宽度和高度等于 内容+padding+border
标准盒模型宽度和高度 等于内容

使用最新的html5协议<!doctype html>

使用ie的盒子模型


本教程版权归菲龍探雲和饥人谷所有,转载须说明来源

相关文章

  • CSS Hack

    Hack是为解决浏览器样式兼容性而生。 链接:CSS Hack

  • hack和兼容性

    如何调试 IE 浏览器 安装虚拟机使用ie浏览器f12打开控制台调试 使用某些版本的ie浏览器f12 什么是CSS...

  • Hack技术

    CSS Hack来解决浏览器局部的兼容性问题,hack主要针对IE浏览器常见的有三种形式:css属性Hack,cs...

  • CSS Hack技术

    Hacker:黑客CSS Hack:据此而来,通过浏览器解析漏洞从而衍生的兼容性调节技术 Hack概念 不同的浏览...

  • CSS Hack

    这里说的Hack一般是针对于IE浏览器,使用Hack的最终目的也是为解决浏览器的兼容性问题。Hack一般分为三种:...

  • 前端开发面试题总结之——CSS3

    相关知识点 布局、 浮动、 盒子模型、 弹性和模型、 选择器优先级、 居中定位、 兼容性、 hack写法........

  • 前端基础(问答10)

    keywords: 兼容性、hack、渐进增强、优雅降级、reset.css、normalize.css、标准盒模...

  • html

    @转自GitHub 前端开发知识点: HTML&CSS:对Web标准的理解、浏览器内核差异、兼容性、hack、CS...

  • html&css兼容性和hack技术

    定义浏览器对于技术支持的标准不同造成兼容性的差异 兼容不同类型浏览器的基本方法 解决浏览器兼容问题的方法,这些方法...

  • 前端面试总结

    前端开发面试知识点大纲: HTML&CSS: 对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功:...

网友评论

      本文标题:hack和兼容性

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