Пробел в изображении - только на мобильных устройствах - (как сделать адаптивный сайт)
I Я пытаюсь убрать зазор между нижней частью моего div и моим изображением.
Я попытался уменьшить нижнее поле изображения, и это сработало... но только на ПК, если бы вы открыли мой сайт на мобильном телефоне, пробел все равно был бы там.
вот класс для изображения и то, что я написал для него, чтобы предотвратить появление разрыва, но, к сожалению, это не работает на мобильных устройствах:
.mountain {поле-дно: -5px;}
Это должно было сделать так, чтобы не было разрыва как на ПК, так и на мобильных устройствах, так почему он есть. Я делаю что-то неправильно
Кстати, если бы вы, ребята, могли бы открыть его на мобильном телефоне (если вы не возражаете, буквально все меняется), я также хочу знать, как то, что я вижу на ПК, можно перенести на мобильный хотя бы почти то же самое.
p.s. Вот фото изображения на ПК без изменения поля-нижнего, добавить еще фото но с мобилы?
p.s. вот ссылка на мой маленький сайт. . . https://raynature.github.io/личный-сайт/
к сожалению, это по-прежнему ничего не меняет на мобильных устройствах
От какого пробела вы пытаетесь избавиться? это что-то светло-зеленое? Если это так, у вашего профиля-контейнера есть отступ в 100 пикселей, из-за которого вы видите этот зазор. редактировать также примечание: нижняя граница с отрицательными числами не работает так же, как левая или верхняя граница.
нет, я пытаюсь избавиться от зазора между горой и светло-зеленой "вещью" (если бы вы открыли это на мобильном телефоне, вы бы увидели зазор)
также см. рисунок выше
Ну вот как это выглядит на моем iMac... как это должно выглядеть? Покажите картинку, как вы этого хотите и как не хотите, спасибо i.imgur.com/ZSKAMiO.png
на моем айпаде "Я Рэй" находится в центре страницы, а гора почти ушла за нижний край, я вижу только самый верх.
Ответы 1
Изображения по умолчанию являются встроенными элементами. Они следуют базовой линии текста контейнера, в котором находятся (даже если текста нет). Добавлять:
.mountain {
vertical-align: bottom;
}
к вашему изображению через ваш CSS.
Можете показать ссылку на сайт? Чтобы добавить снимок экрана, просто нажмите на маленькую иконку с изображением в редакторе. Кроме того, использование абсолютных размеров в пикселях не так хорошо подходит для разных размеров экрана, как использование такой меры, как
em. Что-то вроде-0.24emили что-то еще может помочь.