~. 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 Rykte: Switch 2 släpps i höst – OLED-variant dröjer 2
- Idag Iphones marknadsandel faller i USA 38
- Igår Airtec Pro Type1 – batteridrivet alternativ till tryckluft på burk 76
- Igår Nu stiger hårddiskpriserna med uppemot 10 procent 21
- Igår Analytiker: Apple har överskattat intresset för Vision Pro 56
- ASUS P2B-D, första start på många år7
- Airtec Pro Type1 – batteridrivet alternativ till tryckluft på burk76
- Problem med ts3 server efter byte av router0
- Amazons Fallout-serie regisseras av Jonathan Nolan (Inte den Nolan, men hans brorsa)336
- Sony PlayStation Pulse Elite Headset1
- Cage/Bur till Fractal Design Define R5 fråga3
- Microsoft rullar ut Startmenyreklam till alla91
- Elbilar - Tråden för intresserade23188
- Iphones marknadsandel faller i USA38
- Ubiquiti Unifi2766
- Skänkes i386 Laptop Skänkes!
- Köpes Söker OLED 1440p/2160p 144hz-240hz
- Säljes Steamdeck 512GB LCD + 1TB OLED
- Köpes Söker ett z590 till 11th gen i7
- 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
- Rykte: Switch 2 släpps i höst – OLED-variant dröjer2
- NetonNet varnar om läckta kunduppgifter12
- Premiär på SweClockers! Månadens drop med gamingskärm hos Elgiganten58
- IT-bolag: Teknikstrul är största tidsboven idag30
- Därför blockerar Windows 11 24H2 Start‑menyhack35
- Iphones marknadsandel faller i USA38
- Konsumentverket granskar tio nätbutiker som lurat kunder18
- Airtec Pro Type1 – batteridrivet alternativ till tryckluft på burk76
- Nintendo-innehåll tas bort från Garrys Mod24
- Nu stiger hårddiskpriserna med uppemot 10 procent21