Почему обрезается блок?

Question

[Александр Белькевич]

Здравствуйте. Подскажите, пожалуйста. Почему на этой верстке, если открыть сайт через эмулятор iPad в landscape (на реальном устройстве также) второй блок обрезается? Хотя нигде жестко не заданы размеры...

Comments

[Максим Тимофеев]

какой эмулятор, насколько он адекватен?

[Александр Белькевич]

Максим Тимофеев: Да обычный в Goggle Chrome. F12. Да и на реальном iPad также

[devstudent]

какой блок обрезается? дайте его имя, класс , идентификатор

[Александр Белькевич]

devstudent: .section-index-2

[Froggyweb]

скорее всего плагин прокрутки срабатывет быстрее slick обрезает контент именно он

[Александр Белькевич]

Froggyweb: плагин прокрутки не отрабатывает на ipad. Можете попробовать включить эмулятор, и обновить страницу. Постраничной прокрутки не будет

Answer 1

[iBird Rose]

проблема в блоках:
slider-index-banner4__shape-dots
slider-index-banner2-image__img contacts-cars__img
section-index-5__triangle
slider-index-banner2-image__img
section section-index-4

открою тебе секретный скрипт тру верстальщиков:

$("*").each(function () { if ($(this).width() > window.innerWidth) console.log($(this).width(), this) });

Comments

[Александр Белькевич]

В этом блоке только slider-index-banner2-image__img. И он тут не влияет. Что за проблема, непонятно. Если вы знаете, что именно не так - прошу сказать. А то сейчас как-то все абстрактно

[iBird Rose]

Александр Белькевич: я вам указал все классы в которых проблема

[Александр Белькевич]

iBird Rose: Что значит проблема? Какая тут slider-index-banner2-image__img проблема? "Проблема" - это довольно обширное понятие

[Максим Тимофеев]

Классный скрипт, возьму на заметку

[devstudent]

здесь проблема в высоте я так понимаю , обрезается по высоте

Answer 2

[devstudent]

media (max-width: 1279px) and (min-width: 768px)
main.css:7806
.slider-index-banner2__name {
    margin-top: 0;
}

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

Comments

[Александр Белькевич]

Так мне не надо марджины обнулять) это я и знаю, что их убрать - и все нормально. Но почему высота автоматом не подстраивается под контент

[devstudent]

Александр Белькевич: а зачем он марджин там

[devstudent]

Так Александр Белькевич: ну высота этой секции же должна быть в высоту экрана. Вы что хотите экран растянуть что бы было по вашему

[Александр Белькевич]

devstudent: Там нет секций в планшетной версии. Там обычная прокрутка. Поэтому да. Должно быть в данном случае больше одной секции. Отступы нужны, так как это сделано дизайнером

[devstudent]

Александр Белькевич: мы говорим на разных языках что ли. У вас есть дизайн для айпадп Вы измерили марджин и выставили его?

[Александр Белькевич]

devstudent: Ну конечно же да. Отступы сделаны такие, какие и нужно. Иначе бы я не парился

[devstudent]

Александр Белькевич: значит что-то другое сделали не так раз высота макета и экрана одна и та же, а не влазит все равно. это все что могу сказать

[Александр Белькевич]

devstudent: логично. Поэтому я сюда и обратился. В любом случае вопрос более не актуален