Question

Chrome正在向我提供＆＃34;无效的属性值＆＃34;为transform: translateY(-50%)。我使用了必要的供应商前缀。其他浏览器没有问题。

有什么想法吗？

更新
如果它有用，请参考上下文（使用Sass缩进语法）：

.modal
  background: #fefefe
  border: $modal--util solid 1px
  border-radius: 2px
  left: 0 
  right: 0
  margin-left: auto
  margin-right: auto
  z-index: 12
  max-width: 380px
  overflow: hidden
  visibility: hidden
  position: fixed
  top: 50%
  transform: translateY(-50%)

Answer 1

卸载并重新安装Chrome并且问题已经消失......我认为Chrome不是自动更新的（我在Linux上）。

Answer 2

在遇到相同类型的问题后发现了此问题。我已经从Windows的计算器复制了一个值。在我的IDE中，一切看起来都不错：transform: translateY(-‭85.71428571428574‬%)。但是，在部署代码时，十进制插入为‭。因此，到达浏览器的实际值是transform: translateY(-‭‭85.71428571428574‬%)。

手动输入值后，问题消失了。

我希望这对遇到相同问题后可能会迷失方向的人有所帮助。

transform：translateY（-50％）--- Chrome＆＃34;无效的属性值＆＃34;错误，为什么？

2 个答案: