~. Citera så jag hittar tillbaka .~
CSS scaling
@Miniturtlex: Vet inget om koden men du kanske kan använda em istället för px på text t.ex.
Men utan koden blir det ju knöligt. Olika webbläsare också förstås?
Hej sweclockers!
Jag håller på att göra en webbsida som ett litet sidoprojekt medans jag går gymnasiet. Mestadels jobbar jag med macbooken jag fått av skolan men jag jobbar också med stationära här hemma när jag får chansen.
Mitt problem: hemsidans layout blir konstig när jag skiftar mellan mac-hemPC och jobbar med koden. sidan blir oproportionell med andra datorer är vad jag försöker få fram här. Finns det någon kod/metod som gör att koden "korrigerar sig" efter vilken dator den är på?
Om du använder Chrome, Firefox eller Safari kan du utesluta att du använder för nya standarder som inte stöds av till exempel Internet Explorer 9.
Jag misstänker att ditt problem är att du försöker skriva en fixerad layout i pixlar. Typ att left-column ska vara exakt 320px bred. Det är rätt dålig pratik. Istället bör du kolla på Responsiva eller adaptiva lösningar.
Responsiva lösningar är när du använder % istället för px för bredd.
Adaptivt så arbetar man med media queries för att visa olika layouter beroende på skärmupplösning, enhetstyp, pixeldensitet etc.
Slå ett öga på Bootstrap som är ett trevligt ramverk för att bygga responsiva och adaptiva lösningar.
Jag kan också tillägga att det är väldigt vanligt att man blandar reponsiva lösningar med adaptiva. Siten kan vara responsiv för olika dekstop upplösningar, men när man kommer ned till ca 450 pixlar så går man över till en mobil layout.
edit: HTML är inte kod CSS är väl i gränslandet till att benämnas som kod dock!
@Miniturtlex: Vet inget om koden men du kanske kan använda em istället för px på text t.ex.
Men utan koden blir det ju knöligt. Olika webbläsare också förstås?
Ska testa att använda em!
Kör samma webbläsare på båda datorer.
Om du använder Chrome, Firefox eller Safari kan du utesluta att du använder för nya standarder som inte stöds av till exempel Internet Explorer 9.
Jag misstänker att ditt problem är att du försöker skriva en fixerad layout i pixlar. Typ att left-column ska vara exakt 320px bred. Det är rätt dålig pratik. Istället bör du kolla på Responsiva eller adaptiva lösningar.
Responsiva lösningar är när du använder % istället för px för bredd.
Adaptivt så arbetar man med media queries för att visa olika layouter beroende på skärmupplösning, enhetstyp, pixeldensitet etc.
Slå ett öga på Bootstrap som är ett trevligt ramverk för att bygga responsiva och adaptiva lösningar.
Jag kan också tillägga att det är väldigt vanligt att man blandar reponsiva lösningar med adaptiva. Siten kan vara responsiv för olika dekstop upplösningar, men när man kommer ned till ca 450 pixlar så går man över till en mobil layout.
edit: HTML är inte kod CSS är väl i gränslandet till att benämnas som kod dock!
Väldigt bra förklaring av mitt problem, tack tack! Hade ingen aning att % och em fanns som alternativ ..
- Idag Iphones marknadsandel faller i USA 37
- Igår Airtec Pro Type1 – batteridrivet alternativ till tryckluft på burk 67
- Igår Nu stiger hårddiskpriserna med uppemot 10 procent 21
- Igår Analytiker: Apple har överskattat intresset för Vision Pro 56
- 24 / 4 AMD, Nvidia och Intel – vad är det för skillnad mellan grafikkortstillverkarna? 35
- NetonNet varnar om läckta kunduppgifter5
- Premier League säsong 2023/202436
- Premiär! Månadens Drop på SweClockers51
- Ubuntu 24.04 LTS31
- Trögstartad skärm5
- Strular med Postnord appen med mobilt bank-id5
- IT-bolag: Teknikstrul är största tidsboven idag25
- PC crashar oftare och oftare när jag spelar - AKUT hjälp med felsökning13
- Airtec Pro Type1 – batteridrivet alternativ till tryckluft på burk67
- Amazons Fallout-serie regisseras av Jonathan Nolan (Inte den Nolan, men hans brorsa)335
- Säljes Acer 38" Predator X38S IPS Curved 175 Hz HDR600
- Säljes Ubiquiti Unifi U7 Pro trådlös accesspunkt
- Säljes Razer Core X Chroma + Sapphire Radeon RX 7800 XT 16GB Pulse
- Säljes Redmi Note 11 Graphite Gray 4GB RAM, 128GB ROM.
- Säljes Meta Quest 3 128GB
- Säljes Hårddiskar
- Säljes Finalmouse ULX Lion
- Säljes Gigabyte M28U intressekoll
- Säljes BitFenix Dawn Tempererat Glas
- Säljes Kingston PCie 4.0 NVMe M.2 4TB 7300MB/s
- NetonNet varnar om läckta kunduppgifter5
- Premiär på SweClockers! Månadens drop med gamingskärm hos Elgiganten51
- IT-bolag: Teknikstrul är största tidsboven idag25
- Därför blockerar Windows 11 24H2 Start‑menyhack35
- Iphones marknadsandel faller i USA37
- Konsumentverket granskar tio nätbutiker som lurat kunder17
- Airtec Pro Type1 – batteridrivet alternativ till tryckluft på burk67
- Nintendo-innehåll tas bort från Garrys Mod24
- Nu stiger hårddiskpriserna med uppemot 10 procent21
- Quiz: Vad kan du om Inet?70