У меня есть фоновое изображение Div, которое отображается во всех отношениях, кроме масштабирования. Не говоря, чтобы иметь какое -либо масштаб, он масштабируется больше, чем файл изображения, и я этого не хочу. Я хочу, чтобы это был только точный размер используемого изображения (216x539). Изображение, отображаемое в DIV, вместо этого имеет ширину 268 пикселей. Изображение масштабируется пропорционально по высоте и ширине-я только использую ширину во всех моих тестировании. Сначала я вообще не указал масштаб. Если я использую размер фонового размера: Auto (или Auto Auto), ничего не изменится. Если я установите его шириной 216px, он все еще неверен. Если я попытаюсь уменьшить его, например, установив размер до 150px, он состоит в том, чтобы уменьшиться, но он все еще не тот размер, который он должен быть (шире, чем пример 150px). Я попытался указать заполнение/маржу/границу 0 на всякий случай. Я проверил, есть ли у каких -либо родительских элементов масштаб, отличная от 100% (они этого не делают).
исходное изображение (ширина 216px):
gts ups up wears> gr/p> gr/p> gr/p> agemly. Теперь я знаю):
Я сделал скриншот изображения, как он появляется на веб -сайте, и измерял скрихол (268px) p> p> p> p> p> p> p> p> p> p> p> p> p> p> p> p> p> p> p> p> p> p> p> p> p> p> preshot hos as where hesemang "и измерение. (Не так много, чтобы показать, но эти два DIV-прямые дети тела): < /p>
Код: Выделить всё
*{
margin:0;
z-index: 0;
box-sizing: border-box;
}
html{
min-height:100%;
position:relative;
}
html,body{
height:100%;
}
#bgleft,#bgright{
position:absolute;
top:0;
left:0;
background-repeat: repeat-y;
background-size: 216px auto;
height:100%;
width:100%;
}
#bgleft{
background-image: url("https://picsum.photos/216/200");
background-position: left top;
z-index: -1;
}
#bgright{
background-image: url("https://picsum.photos/216/200");
background-position: right top;
z-index:-2;
}< /code>
Подробнее здесь:
https://stackoverflow.com/questions/797 ... tell-it-to
Мобильная версия