
css
文章平均质量分 52
木豪末
知道而不去做,等于不知道
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
解决使用css元素放大动画导致的文字抖动模糊问题
1.问题最近在开发一个tv端的项目,各种兼容性问题,只能使用最原生的方式去开发,其中有一个需求就是给选中的元素添加一个放大的动画,我在添加动画之后遇到了元素放大以后,元素上面的文字也会跟着有轻微的位移跟模糊的情况,很影响体验2.解决方案经过网上搜索,有人说给抖动的文字加上transform:translate3d(0,0,0)就可以了,经过实测这个方法是无效的。还有人说给抖动的文字加上transform:perspective(1px)的样式,测试以后发现这个方法是可以的,加上以后文字再也不原创 2021-01-07 15:03:12 · 3046 阅读 · 2 评论 -
记一个ios手机的css兼容性问题
1.问题代码.scroll-bar > span { display: inline-block;/*inline样式不能使用动画*/ animation: scroll 12s linear infinite;}.scroll-bar > span:after { position: absolute; left: 100%; content: attr(data-text); margin-left: 10%;}@keyframe原创 2020-10-20 11:40:00 · 1652 阅读 · 0 评论 -
记一个safari兼容性问题
1.问题代码:not(.el-dialog__body .el-form-item--small.el-form-item){ margin-bottom:22px max-width: 360px;}2.问题描述这段我本来只是想修改除了.el-dialog__body下的所有.el-form-item--small.el-form-item的样式,这段代码在谷歌浏览器上是没有问题的,结果到了safari浏览器上它直接修改了所有div的样式3.总结:not伪类在safar原创 2020-10-20 10:44:22 · 888 阅读 · 0 评论 -
vant 框架van-list重复触发加载函数的问题
在使用van-list组件的时候,为了隐藏ios手机右侧的滚动条,我给了组件一个overflow-x:hidden属性,官方说这个属性会导致重复触发van-list的加载,但是我去掉这个属性仍然不管用,而且这个属性又是必须保留的,最后我又给了他一个固定的高度,就不会重复触发加载了,注意一定要是固定的高度,设置height:100%仍然是不管用的,记录一下这个问题...原创 2020-03-07 12:30:24 · 18093 阅读 · 3 评论