Создание изображения, подходящего для окна IE - PullRequest
Новая
       15

Создание изображения, подходящего для окна IE

1 голос
/ 29 октября 2010

Мне нужно, чтобы изображение изменило свой размер в соответствии с размером окна, то есть, если размер окна изменен, изображение необходимо изменить в соответствии с размером окна.Эта проблема достаточно проста с Chrome и Firefox, я просто установил width = 100%, но IE не такой добрый ...Эта проблема поднималась несколько раз, но я не мог найти последовательный ответ, возможно, я действительно новичок во всем бизнесе веб-разработки, но мне кажется, что эта проблема не была действительно решена ...

Можно ли решить эту проблему, изменив атрибут ширины с помощью javascript в соответствии с размером окна?Кто-нибудь сталкивался с этой проблемой и имеет лучшее решение?

Заранее спасибо, Trout

Ответы [ 2 ]

1 голос
/ 29 октября 2010

Эта проблема была решена моим другом с небольшим JavaScript. 

windonw.onresize = function(e){
    if (self.innerWidth){
         windowWidth = self.innerWidth
    } else if (document.documentElement && document.documentElement.clientWidth){
         windowWidth = document.documentElement.clientWidth
    } else if (document.body) {
         windowWidth = document.body.clientWidth
    }
    document.getElementById("img_id").style.width = windowWidth-(some number)
}

Причина, которую я добавил (some-number), заключается в том, что IE рассчитал его ширину с полями по сторонам, и изображения выходятокно, так что вам нужно сделать изображение немного меньше, чем «windowWidth» ...

Надеюсь, это поможет более потерянным душам, таким как я.

1 голос
/ 29 октября 2010

Это должно сделать это !!! 

<html>
<body>
  <div style="width:100%;height:100%;position:absolute;top:0;left:0;">
     <img src="some.jpg" style="width:100%;height:100%;" />
  </div>
</body>
</html>
...