React / Semantic UI, как создать компонент, который заполняет всю страницу - PullRequest
Новая
       5

React / Semantic UI, как создать компонент, который заполняет всю страницу

0 голосов
/ 24 октября 2018

Мне нравится создавать одностраничные веб-сайты без прокрутки, а затем настраивать максимальную / минимальную ширину / высоту контента, чтобы он хорошо смотрелся на любом устройстве.

Раньше я выполнял это, выполняя что-то вроде:

html, body, #react-container, #react-container > div {
  height: 100%;
  width: 100%;
  overflow: hidden;
}

(дополнительный # реагирующий контейнер> div в конце предназначен для div внутри BrowserRouter)

И это позволяет мне создавать свои компоненты таким образом, чтобы каждый компонент имелего высота и ширина в процентах от родительского, таким образом, все помещается на одной странице независимо от устройства.

Мне было интересно, есть ли лучший способ сделать это с помощью semantic-ui-реагировать.

Я просмотрел их документацию, но не смог найти элементов, которые бы автоматически помещались на странице.

В идеале я мог бы взять элемент, присвоить ему атрибут страницы, а затем любые дочерние элементы этогоэлемент будет иметь такой размер, чтобы они не переполняли родительский элемент.

Есть ли лучший способ сделать это, чем у меня выше?

...