Изображение не растягивается на другом мониторе - PullRequest
Новая
       0

Изображение не растягивается на другом мониторе

0 голосов
/ 10 июля 2011

У меня есть эта часть HTML-файла 

<div id="header">
...
</div>

и эта часть CSS-файла 

#header {
  background: url("img.png");
  background-repeat: no-repeat;
  background-position: left top;
  height: 140px;
  margin: 0px auto;
}

Размер img.png составляет 1290 x 150 пикселей.Все было в порядке, но после того, как я открыл веб в сестринском ноутбуке, изображение не растянулось по всему монитору (по горизонтали).Справа - промежуток около 50 пикселей.
Есть ли какое-то общее решение, чтобы веб отображался одинаково на всех мониторах?

спасибо

Ответы [ 2 ]

1 голос
/ 10 июля 2011

Все зависит от разных разрешений экрана, используемых разными мониторами / устройствами.

Вы можете позволить растянуть изображение до размера монитора, если вы используете тег изображения для отображения изображения, и укажите его width и height свойства должны быть равны 100%, но это приведет к растяжению изображения в зависимости от используемого устройства ...

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

1 голос
/ 10 июля 2011

ваш CSS-код будет не растягивать фоновое изображение, оно не будет повторяться насколько я знаю, CSS даже этого не делает (возможно растянуть)

...