#html #css #responsive-design
#HTML #css #адаптивный дизайн
Вопрос:
В данный момент я работаю над веб-сайтом для своего бизнеса.
Я в значительной степени закончил, но изображение заголовка (внутри основного, но перед разделом содержимого) не изменяется при использовании мобильного устройства, что означает, что пользователь может прокручивать по горизонтали, и это полностью нарушает отзывчивость.
Код в https://GitHub.com/Maestoso-Digital/MaestosoWebsite , и веб-сайт по адресу https://maestoso.uk .
Как я могу это исправить?
С менее технической стороны, что вы думаете о дизайне? Есть ли какие-либо изменения, которые вы бы рекомендовали внести?
Я довольно новичок в веб-дизайне и CSS в целом, поэтому извините, если это действительно базово или дизайн выглядит немного любительским — мы все должны с чего-то начинать 😊
Заранее спасибо.
Ответ №1:
Поскольку фон является img , а не фактическим background-image или даже background , установите display блок to и дайте ему ширину 100%, чтобы изображение изменялось на ширину 100% в зависимости от ширины экрана
#header-img {
display: block;
width: 100%;
}
Если вы ищете отзывы и предложения для сайта, перейдите на страницу ux.stackexchange, там вам повезет больше