Next.js Image `layout = 'fill'' 'сломаноCSS

Разбираемся в CSS
Ответить
Anonymous
 Next.js Image `layout = 'fill'' 'сломано

Сообщение Anonymous »

При использовании компонента изображения Next.js документы утверждают, что: «При заполнении изображение будет растянуть как ширину, так и высоту до размеров родительского элемента, обычно в сочетании с объектом». < /p>
Однако это не то, что происходит. На самом деле он заполняет изображение, чтобы занять весь экран в фиксированной позиции, которая не уважает прокрутку. Я пробовал каждое объект-подход значение, возможное для IMG , и ни один из них не сработал. Сделайте это: < /p>

Код: Выделить всё

export default function Home() {
return (





)
}
< /code>
Изображение займет весь экран. Вы можете попробовать стилизовать компонент изображения 
, но я не нашел способ заставить его работать.
Кто -нибудь знает, как это исправить, или почему это происходит?

Подробнее здесь: https://stackoverflow.com/questions/674 ... -is-broken
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

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