Création d'une image dans une fenêtre IE

Je dois faire en sorte qu'une image change sa taille en fonction de la taille de la fenêtre, c'est-à-dire que si la fenêtre est redimensionnée, l'image doit être redimensionnée pour s'adapter à la fenêtre. Ce problème est assez facile avec Chrome et Firefox, je viens de définir 'width = 100%', mais IE n'est pas aussi gentil ...
Ce problème a été soulevé plusieurs fois, mais je n'ai pas trouvé de réponse cohérente, Il se peut que je sois vraiment nouveau dans le monde du développement web, mais il me semble que ce problème n'a pas vraiment été résolu ...Création d'une image dans une fenêtre IE

Pourrait-on résoudre ce problème en changeant l'attribut width avec javascript selon le la taille de la fenêtre? Est-ce que quelqu'un a rencontré ce problème et a une meilleure solution?

Merci d'avance, Trout

Source

2010-10-29 Trout

Cela a été résolu par un de mes amis avec un petit 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) 
}

La raison pour laquelle j'ai ajouté (certains numéro) est que IE calculé sa largeur avec les marges sur les côtés et les images échappe à la fenêtre, donc ce que vous avez à faire est de rendre l'image un peu plus petite que ' windowWidth '...

J'espère que cela aidera plus d'âmes perdues comme moi.

Source

2010-10-29 10:55:44 Trout

Cela devrait le faire !!!

<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>

Source

2010-10-29 09:56:56 jerjer

Cela fonctionne si mon img était un arrière-plan, mais c'est un élément dans une page. – Trout

En outre, lorsque vous ajoutez les propriétés 'width' et 'height' le rapport d'image est déformé ... Merci pour l'aide si ... – Trout

vous pouvez supprimer la largeur ou la hauteur de sorte que l'image ne sera pas déformée: il faut maintenant être ou – jerjer

Création d'une image dans une fenêtre IE

Répondre

Questions connexes