文章目录
  1. 1. Defined
  2. 2. Main()
  3. 3. Reference

Defined

问题描述: 作为移动端页面, 一个宽度高度确定的ul块级元素下包含多个li块级元素(宽度高度确定),
li为了水平居中使用了(transform:translateX), ul中设置了overview:scroll.

Main()

直接代码复现最省事:

临时解决方案: 直接利用css继承机制, 将container的translate设置为0;

.container { transform: translateX(0) }

模糊:
blurry
清晰:
clear

Reference

暂时没有找到相关案例, 但是引起该问题的原因都是同一个css引发的: transform

文章目录
  1. 1. Defined
  2. 2. Main()
  3. 3. Reference