当前位置: 首页 > Web前端 > CSS

移动端兼容性问题总结(4)

时间:2023-03-30 15:58:35 CSS

欢迎访问我的博客:https://zswfx.com?ios惯性滚动会导致多个滚动方向的滚动震动。原因是当你向一个方向滚动时,滚动容器中的另一个方向开始滚动,此时发生容器滚动。解决方案:不要在单个可滚动容器中放置多个可滚动区域。未来解决纠纷的方式有待完善。使用用户选择:无;caniuseuser-selectlayout在ios下无法进入80%+20%!==100%排列规则兼容蓝条80%,红条20%,但没有达到100%填满整个宽度http:///taobaofed.org/blog/201...推荐看一下淘宝FED前端元素排布测试说明:这里需要用到微元素,占不到一个像素的位置:&::在{内容:''之后;位置:绝对;右:-2px;顶部:0;宽度:2px;背景颜色:currentColor;height:100%;}margin渗透问题(不限于移动端)说明:移动端如果设置一个元素:margin-top:40px,可以看到效果。如果parent是一个普通的div,那么此时parent的性能也会下移40px。有时margin和bottommargin会合并或折叠成一个margin,取size的最大值,称为marginfolding或merging。特例:浮动元素和绝对定位元素Margin不会合并Margincollapse基本情况分为三种:父元素与相邻元素之间的第一个或最后一个子元素之间为空的块级元素解决方法:使用padding而不是margin,使用兄弟元素之间的边距,并在父元素和子元素之间使用边距背景图像。问题如图所示。右边的图标是背景图片。设置:背景-位置:右居中;就是这样,固定如下:background-position:99.9%center;不再直接使用right,通过设置值修复。如有错误,请联系:zsirfs@zswfx.com