搜索
IT技术编程网页制作

css使用transform的scale()进行缩放，元素出现偏移

如题，如果元素的宽或者高的像素为奇数（如41px）时，在元素缩放结束（无论放大还是缩小）后元素的内部元素会出现轻微的偏移（当内部元素为图片时现象相当明显），当为偶数（如40px）时，上述偏移不会发生（以上现象像素越小出现几率越高）。由于我要实现自适应布局，宽高都是由内容撑开（或者其他相似条件），元素的宽高无法自行设定，请给出解决方案并阐述原理。 Ps:需要纯css解决方案，请不要用js。==
头像
柠檬茶
1583 次浏览2019.07.02 提问
20
收起回答
提交答案

最新回答(4条回答)

头像
口袋有颗糖
2019.08.27 回答
你把你的hover属性的改成 transform: scale(1.15);就可以解决，改成1.15的话，看起来就不会那么跳动
抢首赞
评论
头像
旷野里的麦子
2019.07.10 回答
还是要从css布局着手，比如容器溢出需隐藏处理。使用了绝对定位、浮动等属性都可能会带来副作用。
抢首赞
评论
头像
爱码女侠
2019.07.09 回答
可能是加了before的原因
抢首赞
评论
头像
℡§
2019.07.03 回答
不知道你是怎么布局的，但是你可以试一下让你的元素居中显示。
2019.07.03 20:02 发表追问:
2019.07.04 10:50 发表追答:
2019.07.04 11:08 发表追问:
抢首赞
评论
置顶