Установка размеров на изображении не помогает удалить CLSHtml

Программисты Html
Ответить
Anonymous
 Установка размеров на изображении не помогает удалить CLS

Сообщение Anonymous »

Я испытываю проблемы совокупного сдвига макета (CLS) с изображениями в моем проекте Nuxt 3 с использованием Tailwind CSS. Несмотря на реализацию контейнеров по соотношению сторон и правильные размеры изображений, мои изображения по-прежнему вызывают смены макета во время загрузки.









< /code>
Пространство не зарезервировано для изображений до загрузки, поэтому оно делает сдвиг содержимого. Существует ли недостающее свойство сдерживания CSS или нукно-специфическое поведение гидратации, вызывая это? Я читал руководства Мау, но не нашел никаких советов, кроме настройки размеров. Используя Nuxt 3.17.1 с @nuxt/image 1.10.0. Спасибо

Подробнее здесь: https://stackoverflow.com/questions/796 ... ve-the-cls
Ответить

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

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

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

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

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