-安卓手机tab切换,高亮时文字不显示,把cdn引用的字体文件改为本地引用 -安卓低版本手机不支持flex:1 0 0,改为flex:1
只有两帧的逐帧动画要写50%,不能写100%
Draggleble拖拽失去丝滑效果原因: 因为样式设置了transition影响了拖拽动效
页面从viewport 1跳到没vierport后导致字体变小, 因为Pui5.0.19版本问题
ios9兼容问题: 1、max-height: xx%或者xxvh + flex:1导致容器高度撑不开,解决办法:把flex:1这层的flex: 1去掉,改成max-height calc(xxvh - 间距)
2、还是flex垂直布局的坑,中间内容设置flex:1,子级设置高度100%+局部滚动,但是子级高度并没有100%,因为父级flex:1高度没有显式设置,所以最快的解决方法是加上绝对定位top:0,bottom: 0。
transform奇怪问题: 鼠标hover给当前元素加translate导致子级的弹窗显示不全被其他元素遮档住,就好像overflow: hidden一样。
解决办法:给translate这层加上z-index。
P3色不能用在背景渐变上,不然在ios10手机会出现空白,即使设置background-color也兜不住…
如果用了p3色+过渡属性transition: all,会出现弹窗背景出不来的问题 解决方法:把transition的all改为过渡的属性名即transform就可以了。
pc端用了css3 filter滤镜后会在电脑上出现模糊不清的问题,记得把translate3d加在filter元素的父级。 如果在H5,translate3d要加在filter这一层,不然会出现滑动空白问题。
口袋在6s手机跳转如果用a标签直接跳转webview会被跳转后的页面viewport撑大导致返回后页面被撑大可任意滑动,解决方案改为阿拉丁forward跳转
fixed定位元素如果在滚动容器里面会导致页面滑动时空白或者卡在页面中间,解决方案是fixed元素不要放在滚动容器里,改为局部滚动
使用了3D属性比如rotateY,需要在父级设置perspective: 1000