Я просмотрел ответы на похожие вопросы, и ни один из ответов не помог с этой проблемой. Мое фоновое изображение обрезается внизу в окне просмотра. Если я удалю фоновое изображение и поставлю сплошной цвет в качестве фона, произойдет то же самое. Текст на мобильной странице видно, фон просто обрезается.
Просмотрите сайт, используя режим устройства Chrome как iPhone 6 для репликации. Любая помощь в этом вопросе будет принята с благодарностью!
Для вашего элемента content задано значение height:100%, что делает его высотой 100 % от высоты родителя. В итоге он оказывается недостаточно высоким, чтобы поместиться внутри него элемент высотой 1000 пикселей. Обычно элемент просто расширяется, чтобы содержать свое содержимое, но ваш атрибут height переопределяет это поведение.
content также не похоже, что это должно быть position:absolute;. Это не помогает решить проблему с размером.
Я бы избавился от:
div.content {
position: absolute;
top: 0;
top: 0;
width: 100%;
height: 100%;
}
Затем также удалите встроенный стиль height: 1000px в элементе .page.
