---
title: "Bild ska anpassa sig till skärmens storlek"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/132850-bild-ska-anpassa-sig-till-skärmens-storlek"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "Calevan"
published: "2005-08-16T19:10:10.000Z"
updated: "2005-08-17T19:30:28.000Z"
replies: 5
views: 385
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/132850-bild-ska-anpassa-sig-till-skärmens-storlek"
---

# Bild ska anpassa sig till skärmens storlek

## #1 — Calevan, 2005-08-16T19:10Z

Hej!

Jag undrar om det går att göra en HTML sida som visar en bild i så stor storlek det går för att visa hela bilden på samma sätt som IE och FF gör om bilder så att de passar till skärmen när man direktlänkar till dem? Men jag ville altså ha en sida som visar bilden. Tänkte att det kanske går att läsa av bildens orginal bred och höjd och sen användarens skärmstorlek och på något sätt där få ihop det hela. går detta montro? (kan ASP vara en bra lösning, eller går inte det?)

tack!

Permalänk: https://www.webforum.nu/p/132850

## #2 — Jojoxx, 2005-08-16T19:25Z

Så här menar du?

```
<style type="text/css">
body { margin:0px; }
</style>
<img src="http://www.webforum.nu/images/wfstandard/logo_webforum.gif" id="myimg" alt="..." />
<script type="text/javascript">
var w=(window.innerWidth)?window.innerWidth:document.body.clientWidth;
var h=(window.innerHeight)?window.innerHeight:document.body.clientHeight;
window.onload=function(){
	var elm=document.getElementById("myimg");
	elm.style.width=w+"px";
	elm.style.height=h+"px";
}
</script>
```

Permalänk: https://www.webforum.nu/p/1657369

## #3 — Calevan, 2005-08-16T19:52Z

Japp! det var ett fint skript!

Går det att göra så att propotionerna på bilden bibehålls?

Permalänk: https://www.webforum.nu/p/1657387

## #4 — Calevan, 2005-08-17T17:03Z

antar att man måste få ut bildens nuvarande storlek för det först då, jämföra vilken som vill förstora minst i procent och använda samma procent för att förstora lika mycket. så hur gör man detta i kodspråk?

tack!

Permalänk: https://www.webforum.nu/p/1657714

## #5 — Jojoxx, 2005-08-17T19:16Z

Sure thing

```
<style type="text/css">
body { margin:0px; }
</style>
<img src="http://www.webforum.nu/images/wfstandard/logo_griffel.gif" id="myimg" alt="..." />
<script type="text/javascript">
var w=(window.innerWidth)?window.innerWidth:document.body.clientWidth;
var h=(window.innerHeight)?window.innerHeight:document.body.clientHeight;
window.onload=function(){
	var elm=document.getElementById("myimg");
	var ew=elm.width; var eh=elm.height;
	var f=(w/ew>h/eh)?h/eh:w/ew;
	elm.style.width=Math.round(ew*f)+"px";
	elm.style.height=Math.round(eh*f)+"px";
}
</script>
```

Permalänk: https://www.webforum.nu/p/1657760

## #6 — Calevan, 2005-08-17T19:30Z

hur bra som helst! grymt tack!

Permalänk: https://www.webforum.nu/p/1657765

---

Tråden på webben: https://www.webforum.nu/amne/javascript/132850-bild-ska-anpassa-sig-till-skärmens-storlek