Мобильная версияЯ пытаюсь написать код для веб-сайта. Просто контент на веб-сайте продолжает перемещаться вверх или вниз по мере уменьшения высоты веб-сайта. (К вашему сведению, ширина унифицирована до 1920 пикселей.) Интересно, это проблема с положением или что-то еще. Когда я задал вам вопрос откуда-то еще, кто-то сказал, что такая проблема может возникнуть, если вы установите абсолютное значение, поэтому мне интересно, не возникает ли следующая проблема, когда вы меняете положение всех узлов на относительное. заголовок 1 заголовок 2 ячейка 1 ячейка 2 ячейка 3 ячейка 4 Я хочу, чтобы контент не опускался вниз при уменьшении высоты на 1920*1080 пикселей или 1920*980 пикселей. я загрузил несколько кодов, чтобы понять это.
html, тело { положение: относительное; высота: 100%; } .swiper { ширина: 100%; высота: 100%; } .swiper-слайд { выравнивание текста: по центру; размер шрифта: 18 пикселей; фон: #fff; дисплей: гибкий; оправдание-содержание: центр; выровнять-элементы: по центру; } .swiper-slide img { дисплей: блок; ширина: 426 пикселей; высота: 515 пикселей; объектное соответствие: обложка; радиус границы: 8 пикселей; положение: относительное; фильтр: яркость(80%); } Документ
Справедливая торговля какая замечательная сделка
Ответственные закупки
Практики
Удивительная сделка
Прожиточный минимум
введите код здесь Рабочие-мигранты Слайд 5 Слайд 6 Слайд 7 Слайд 8 Слайд 9
Справедливая торговля
Ответственные закупки
Практики
Прожиточный минимум
Трудовые мигранты Слайд 5 Слайд 6 Слайд 7 Слайд 8 Слайд 9
вар swiper = новый Swiper(".mySwiper", { слайдыPerView: 4, пространствоМежду: 30, centeredSlides: правда, навигация: { nextEl: ".swiper-button-next", prevEl: ".swiper-button-prev", }, });
