Мой стол движется в полноэкранном режиме. Кто-нибудь знает почему?

Question

Кто-нибудь знает, почему мой проект такой, когда он выделен маленькой табуляцией, введите описание изображения здесь

Но в полноэкранном режиме вот так: введите описание изображения здесь

Моя сетка имеет css из:

.table {

position: absolute;

margin-top: 37em;

margin-left: -42em;

min-width: 1015px;

}

Answer 1

смени свой css лайк

.table{
    width: 100%;
    margin-top: 37em;
    margin-left: 0;
}

Answer 2

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

const useStyles = makeStyles({
 table: {
   minWidth: 650,
 },
});

или

.table {
  min-width: 650px !important;
}

Но это ограничение на размер таблицы может быть связано с элементом или контейнером, связанным с таблицей.

Вам также не нужно объявлять позицию таблицы, поскольку она присуща вашему родителю и не помещает ее в определенное c место .

Не могли бы вы показать нам, как вы применяете эти классы в своем коде. Вы показали нам только небольшой фрагмент кода и не представили приложение для этого класса.

Вы также можете увидеть приложения классов и использование таблиц на странице Material-UI

https://material-ui.com/styles/basics/

Answer 3

Было бы интересно опубликовать sh с вашим вопросом код, в котором он генерирует эту ситуацию, просто глядя на изображения трудно понять вашу проблему