禁用窗口大小的CSS轉換？

Question

我很驚訝，我找不到任何解決方案。我有四個方格，它們在全屏幕中排成一行，以2x2格子的大小顯示。他們改變顏色與點擊CSS過渡。

但是，當我調整窗口大小時，它們會將頁面浮動到新的位置 - CSS過渡的不良副作用。我嘗試過使用JQuery在調整大小時切換過渡，這會阻止它們浮動，但當您停止調整大小時，有50％的機會讓過渡類不活動！

我沒有在這裏放任何代碼，因爲它看起來像這樣一個簡單的問題。有沒有人有任何簡單的解決方案？

Answer 1

如果您使用transition: all 200ms ease-out而不是transition: color 200ms ease-out，則將轉換應用於所有屬性，而不僅僅是一個特定屬性。