Web前端经典面试问题清单您知道几何的CSS浏览器兼容性

您对网络前端面试问题了解多少？网络前端面试吸引了求职者. 对于某些未知情况，我们需要有更深入的了解. 积累的每一点最终都将成为一个集合. 今天的IT培训网络编辑正在谈论CSS浏览器兼容性问题. 对于这个问题，您了解多少？

关于CSS浏览器兼容性的摘要

1. 对齐文字和文字输入框

问题:

当输入元素设置为高时，文本和文本输入框在IE7，IE8，IE9和其他常规元素（包括歌剧）下将不会对齐

已解决:

vertical-align: middle;

2. 容器的宽度在浏览器中的解释不同

问题:

宽度在不同的浏览器中是不同的，例如，设置宽度: 200px，在iE7，IE8，IE9下显示200px，在FF，Chrome，Opera下显示220px

已解决:

使用宽度: 200px； *宽度: 220px，iE7，IE8，IE9将识别两个宽度，以后者为准，因此该宽度为220px，在FF，Chrome，Opera中，确定第一个宽度，进行分析

3. Div居中问题

问题:

在将IE7，IE8和IE9的margin-left和margin-right设置为auto之后，div不能显示在中心，其他行

已解决:

设置身体中心，定义文本边缘: center

4. 字体大小问题

问题:

小字体的定义不同，在Firefox和Chrome中较小，在IE7web前端浏览器兼容性，IE8，IE9中为16px，差异很大.

已解决:

指定字体大小，例如16px

5. Td高度问题（感兴趣的学生可以在这里学习. 知道这个问题，它仍在研究中）

问题:

在IE9，IE10，FF和chrome中，表格中td的高度不包括边框的宽度，但是IE7和IE8中的td的高度包括边框的高度，并且线条-height和height相同.

已解决:

6. 如何给文本和文本内容输入框（）

问题:

当输入元素设置为高并且将文本对齐方式设置为居中时，在IE7，IE8，IE9和其他常规（包括歌剧）下，文本和文本输入框的内容将无法对齐

已解决:

设置样式的行高: 100px

7. CSS HACK方法

所有浏览器的通用高度: 100像素；

对于IE6 _height: 100像素；

对于IE7 * +高度: 100像素；

IE6和IE7共享*高度: 100像素；

IE7，FF共享高度: 100像素！重要；

代码的顺序不得颠倒web前端浏览器兼容性，否则您将放弃努力. 因为当浏览器解释程序时，如果它具有相同的名称，则它将用后面盖住前面，就像为变量赋值一样，所以我们将通用名放在前面，后面就越专用.

以上是关于CSS兼容性的常见问题. 我希望能帮助您通过面试. 更多令人兴奋的内容会不时更新. 请及时注意.

本文来自电脑杂谈，转载请注明本文网址：
http://www.pc-fly.com/a/jisuanjixue/article-203307-1.html