Я только начинаю создавать сайты на HTML и CSS, поэтому нашел простой макет с минимум картинок, надписей и элементов.
Проблема возникла сразу же: фоновое изображение которое я вытащил с макета очень большое и предназначено, видимо, для больших экранов, и когда я его загружаю оно отображается на моем экране (1366 x 768) только частично.
Я пытался изменить его размер с помощью программ и background-size, но не получается сделать его таким как мне нужно, "мешают" пропорции.
Вот в чем вопросы:
Почему не появляется полоса прокрутки, чтобы я мог посмотреть изображение полностью? Точнее появляется только небольшая, при этом я указал width: 100% и max-width: 1684 px. Надо указать ширину и высоту размером с картинку, да? Тогда получается для этого сайта нельзя сделать резиновую верстку, а только адаптивную или статическую?
Может быть это просто плохой макет, так как он бесплатный?
Как сверстать сайт с таким размером, при этом ничего не изменяя?
Используйте background-size: cover или background-size: contain в зависимости от задачи
Скролл не появляется потому что картинку задаете фоном, фон не участвует в размерах
Прокрутка на самом деле появляется, если установить значение свойства width 100% или больше.
При cover изображение успешно, без потери качества, устанавливается по длине, но по высоте не хватает примерно 1/3 картинки.
При contain картинка хорошо устанавливается по высоте, но в длине закрывает только половину экрана.
Простой
Простой