Свойство CSS ScaleX, странное поведение с фоновым цветом в ChromeCSS

Разбираемся в CSS
Anonymous
Свойство CSS ScaleX, странное поведение с фоновым цветом в Chrome

Сообщение Anonymous »


У меня есть следующий фрагмент примера, написанный на обычном React:

import "./styles.css"; экспортировать функцию по умолчанию App() { возвращаться ( ); } Это очень упрощенный пример того, с чем я имею дело, потому что его легко понять. в коде вы можете увидеть, как я масштабирую элемент div размером 1 пиксель на 100, что означает, что он должен составлять 100 пикселей, что и есть. но по какой-то причине в Chrome цвет фона не заполняет весь div:


Изображение


хотя при проверке видно, что размер правильный:


Изображение


в Firefox он ведет себя так, как ожидалось:


Изображение


добавляем пример песочницы: https://codesandbox.io/s/ecstatic-pond- ... src/App.js

Вернуться в «CSS»