~. 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 ..
- Igår Corsair Platform 6: För dig som inte nöjer dig med Ikea-skrivbord 9
- Igår Rykte: Switch 2 släpps i höst – OLED-variant dröjer 27
- Igår Iphones marknadsandel faller i USA 42
- 25 / 4 Airtec Pro Type1 – batteridrivet alternativ till tryckluft på burk 79
- 25 / 4 Nu stiger hårddiskpriserna med uppemot 10 procent 21
- Escape from Tarkov382
- Rykte: Switch 2 släpps i höst – OLED-variant dröjer27
- Premiär! Månadens Drop på SweClockers63
- Corsair Platform 6: För dig som inte nöjer dig med Ikea-skrivbord9
- Tips på grafikkort15
- Speldator runt 12k - Funkar detta?1
- Quiz: Vad kan du om Inet?73
- någon som använder Xpenology ? (NAS)3
- Köpråd för ny gaming dator, runt 25k11
- Elbilar - Tråden för intresserade23189
- Säljes ASUS ROG STRIX GeForce GTX 1080 Ti 11GB Gaming OC
- Säljes Gamingdator, 7800X3D, RTX 4080 Super
- Säljes Samsung Galaxy Tab S9 Wi-Fi
- Köpes 24 eller 27 tum minst 144hz
- Säljes MSI GeForce GTX 1070 GAMING X 8G
- Säljes Garderobsrensning, möss och keycaps
- Säljes Acer 4K 144Hz XB273KGP - Gaming Prylar - Aio
- Säljes Spelkoder säljes
- Köpes NUC - gärna Intel 8th gen (Iris) men allt intressant
- Skänkes i386 Laptop Skänkes!
- Ny caps lock-symbol i Windows förbryllar HP-användare10
- Corsair Platform 6: För dig som inte nöjer dig med Ikea-skrivbord9
- Rykte: Switch 2 släpps i höst – OLED-variant dröjer27
- NetonNet varnar om läckta kunduppgifter18
- Premiär på SweClockers! Månadens drop med gamingskärm hos Elgiganten63
- IT-bolag: Teknikstrul är största tidsboven idag38
- Därför blockerar Windows 11 24H2 Start‑menyhack39
- Iphones marknadsandel faller i USA42
- Konsumentverket granskar tio nätbutiker som lurat kunder18
- Airtec Pro Type1 – batteridrivet alternativ till tryckluft på burk79
Externa nyheter
Spelnyheter från FZ
- Xbox-försäljningen dök 31 % årets första kvartal igår
- PS Plus-ägare får vänta på Fallout 4-uppdateringen igår
- Spelhelgen knackar på – den kommer med spel! igår
- Switch 2-rykten – Kan släppas 2024, kontrollerna får magnetfästen igår
- People Can Fly har skrotat sitt "banbrytande" action-RPG Project Dagger igår