Я пытаюсь изменить сетку CSS от 12 (максимальная ширина 1920px) столбцов до 8 (максимальная ширина 999px) до 4 (максимальная ширина 360px). При изменении от 8 до 4 столбцов, кажется, что основной «маленький контейнер», в котором есть эти сетки, имеет немного элементов, охватывающих путь дальше, чем другие. Я приложил копию инструментов Chrome для разработки, чтобы вы могли визуализировать.
На моей странице 5 разделенных делений на сетки. из которых он самый верхний (vodplayer) div - компонент реакции. Там я пытаюсь добавить / удалить компоненты с помощью медиа-запроса в самой реакции. Я не могу объяснить весь сценарий очень ясно, пожалуйста, помогите мне.
Я буквально потратил 3+ часа, просто выясняя, что происходит, и ничего не помогло. Я думаю, что-то не так в том, как я пытаюсь рендерить, когда размер окна изменяется в реакции.
сценарий проблемы: https://ibb.co/f14MmN2
код: https://github.com/facinick/vod/tree/master/recordingWireframeReact/recordingwireframereact
donpm init для установки узловых модулей.