近期遇到的问题2021-10-26

近一周主要复习了移动端页面布局，做了三个移动端页面练手，还有学习了jsp

主要遇到的问题：
1.移动端按钮点击背景高亮解决之法

在移动端上，有事件监听的元素被点击的时候会被高亮显示，而-webkit-tap-highlight-color属性会在当用户点击iOS的Safari浏览器中的链接或JavaScript的可点击的元素时，覆盖显示的高亮颜色。

对于添加了 cursor:pointer 属性的元素，在移动端点击时，背景会高亮。为元素添加 -webkit-tap-highlight-color: transparent; 属性可以隐藏背景高亮。

2.移动端搜索框固定定位优化方案：

优化方案：
设置了固定定位position: fixed;如果没有设置left、top属性的时候，会相对于父级元素进行定位，如果设置了left、top才会相对于窗口进行定位。可以相对父元素使用margin定位，且父元素的padding也是有用的，不同的是，该元素脱离了文档流。

这个位置叫做 static position，就是脱离文档流之前的位置。没有设置定位时会用这个做默认值。

这4个属性完全没必了

溢出隐藏也可以省略

3.flex布局的子属性只有其亲儿子设置才有效，
如图中在他们隔着ul，所以不起效
解决方法：在ul中设置display:flex

4.移动端开发图片放在盒子里图片底部有默认空白缝隙
解决方案：

样式的值不是必须是top，其他的也可以