Есть ли способ предотвратить изменение фонового изображения при масштабировании страницы?

Question

Фоновое изображение - это простой шаблон, который выглядит лучше всего на 100%.Есть ли способ предотвратить изменение размера фонового изображения при масштабировании страницы?

Answer 1

вы могли бы вместо этого попытаться вставить изображение в ваш HTML-документ:

<div id="bg-img">
    <img src="images/bg-img.jpg">
</div>

, а затем перейти к вашему CSS, вы можете применить следующий стиль к этому div, содержащему изображение:

#bg-img{
    min-height: 100%;
    min-width: 1024px;
    width: 100%;
    height: auto;
    position: fixed;
    top: 0;
    left: 0;
    z-index:-4;
 }

Приведенный выше набор стилей позволит настроить изображение так, чтобы оно подходило под любые браузеры, и предотвратит изменение или увеличение фонового изображения примерно в 3 раза.обязательно укажите соответствующее значение минимальной ширины, чтобы в случае изменения размера браузера изображение сохраняло правильную пропорцию путем изменения размера или обрезки.

Answer 2

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