css中的一些问题

1、每个内联元素都会有一个strut(支柱)

比如，下面的img

<div class="parent">
  <img class="child" src="./assets/logo.png">
</div>

.parent{
  background:gray;
}
.child{
  line-height: 0;
  border: 1px solid red;
}

可以看到黄色圈出来的地方，会多了几像素的高度，这是内联元素会存在的空白节点导致的

可以通过以下方法去除空白节点

1) 在父元素上面设置属性：font-size:0(隐藏文本)  或者line-height:0（将行高去掉）

2)在子元素上面设置属性：display:block或者给vertical-align:设置成除了默认值之外的任何值，如top（将基线设置成顶部对齐）

2、在ios下输入框的问题：输入框聚焦的时候，不显示光标，每输入一个字符的时候，就需要手动聚焦
解决方法：在input框添加属性：  -webkit-user-select: text !important;

3、fixed定位没有生效，可能是父元素有设置了transform，参考文章：https://www.zhangxinxu.com/wordpress/2015/05/css3-transform-affect/，https://www.cnblogs.com/mufc/p/12029393.html