Ska man använda em:s eller % i html eller css?

Permalänk
Medlem

Ska man använda em:s eller % i html eller css?

Som frågan lyder, ska man använda em:s eller % i html och css programmering?

Permalänk
Medlem

em:s skulle jag tro

Visa signatur

Chassi: Fractal Design Meshify-C Moderkort: Asus P8Z77V-Pro Hårddisk: 128GB SSD+1TB SSD CPU: i5 3570K 3.4GHz RAM: Corsair 8GB vengeance CPU kylare: Cooler Master Hyper 212+ GPU: ASUS GTX 680 2GB PSU: Corsair TX650W
P280 Crossfire Citera för svar

Permalänk
Medlem
Skrivet av juckeyy:

em:s skulle jag tro

Tack för det snabba svaret!
Finns det någon anledning varför em:s är bättre?

Permalänk
Medlem

jag kör % har funkat bra hittills..

Visa signatur

CPU: Ryzen 9 3900x Noctua NH-D14 MOBO: TUF Gaming X570-PLUS GPU: GTX 980 RAM: 32 GB 3200 MHz Chassi: R4 PSU: Corsair AX860 Hörlurar: SteelSeries 840 Mus: Logitech G502 Lightspeed V.v. nämn eller citera mig för att få svar.

Permalänk
Inaktiv

Vad ska du använda det till? Din fråga är lite difus.
Här finns endel nyttig information: http://css-tricks.com/the-lengths-of-css/

Permalänk
Medlem

Det värkar som om det finns delade uppfattningar om detta. Men finns det några för- eller nackdelar med att använda em:s eller %?

Permalänk
Medlem
Skrivet av Zteekeen:

Tack för det snabba svaret!
Finns det någon anledning varför em:s är bättre?

Antar att du menar genom att sätta storlek på text?
"em" blir ju en deafult greja oavsett upplösning på skär.(?) Rätta mig gärna ifall jag har fel.

Visa signatur

Chassi: Fractal Design Meshify-C Moderkort: Asus P8Z77V-Pro Hårddisk: 128GB SSD+1TB SSD CPU: i5 3570K 3.4GHz RAM: Corsair 8GB vengeance CPU kylare: Cooler Master Hyper 212+ GPU: ASUS GTX 680 2GB PSU: Corsair TX650W
P280 Crossfire Citera för svar

Permalänk
Medlem

Vad gäller fontstorleken så är det ju vedertaget att använda em. När det kommer till storleken på div:ar och bilder så är det procent som gäller.

Permalänk
Medlem
Skrivet av anon150287:

Vad ska du använda det till? Din fråga är lite difus.
Här finns endel nyttig information: http://css-tricks.com/the-lengths-of-css/

Skrivet av juckeyy:

Antar att du menar genom att sätta storlek på text?
"em" blir ju en deafult greja oavsett upplösning på skär.(?) Rätta mig gärna ifall jag har fel.

Skrivet av jetten:

Vad gäller fontstorleken så är det ju vedertaget att använda em. När det kommer till storleken på div:ar och bilder så är det procent som gäller.

Tack för alla svar!

Permalänk
Inaktiv

Vad är det du ska sätta storlek på?

Permalänk
Medlem
Skrivet av anon150287:

Vad är det du ska sätta storlek på?

Bilder, div's, text...

Permalänk
Medlem

Hur fungerar när du ska sätta storlek på bilder?

Permalänk
Inaktiv

Ska du ha en exakt storlek på något är det i princip alltid px som gäller. 1px är en 1px.
% använder du när du vill att något ska skalas med dess parent. Ligger det en div med 50% width direkt under body kommer den täcka 50% av webbläsarfönstret, oavsett hur stort fönstret är.

När du ska sätta storlek på text kan du använda px eller em. En em kommer vara lika stor som din font-size, har du inte satt någon font-size kommer det vara 16px. Det kan till exempel vara användbart om du ska göra en div dubbelt så hög som texten i den, eller ha en padding som är lika stor som texten.

Resten av enheterna är inte så viktiga.

Ett img element kommer lika stort som bilden, om du inte säger nått annat.

Permalänk
Medlem

Ex.
height: 400px;
width: 400px

På divs är det % medans det är "em" på text.

Visa signatur

Chassi: Fractal Design Meshify-C Moderkort: Asus P8Z77V-Pro Hårddisk: 128GB SSD+1TB SSD CPU: i5 3570K 3.4GHz RAM: Corsair 8GB vengeance CPU kylare: Cooler Master Hyper 212+ GPU: ASUS GTX 680 2GB PSU: Corsair TX650W
P280 Crossfire Citera för svar

Permalänk
Medlem
Skrivet av anon150287:

Ska du ha en exakt storlek på något är det i princip alltid px som gäller. 1px är en 1px.
% använder du när du vill att något ska skalas med dess parent. Ligger det en div med 50% width direkt under body kommer den täcka 50% av webbläsarfönstret, oavsett hur stort fönstret är.

När du ska sätta storlek på text kan du använda px eller em. En em kommer vara lika stor som din font-size, har du inte satt någon font-size kommer det vara 16px. Det kan till exempel vara användbart om du ska göra en div dubbelt så hög som texten i den, eller ha en padding som är lika stor som texten.

Resten av enheterna är inte så viktiga.

Ett img element kommer lika stort som bilden, om du inte säger nått annat.

Skrivet av juckeyy:

Ex.
height: 400px;
width: 400px

På divs är det % medans det är "em" på text.

Tack för svaren och väldigt tacksam att jag fick de så snabbt!

Permalänk
Medlem

Det finns inget rätt svar på den här frågan. EM, procent och px är alla helt olika saker och används olika.

Använd em när du vill att något ska ha en storlek proportionenlig mot textstorleken. T.ex., marginaler mellan paragrafer, linjehöjd eller paddings i formulär och dyl.

Använd procent när du vill att något ska fylla en procentuell del av något annat. Du kan tvinga alla bilder att fylla sina containrar eller att inte vara större än sina containrar (img { max-widht: 100%; } t.ex.) eller låta flytande objekt fylla ut sin container i en responsiv layout.

Använd pixlar när du, uhm, vill låta något vara mer statiskt. Marginal mellan block, maximal bredd på sida eller paddings på huvuddelarna på en sida. Det beror lite på designen.

Visa signatur
Permalänk
Medlem

em är i förhållande till fontstorleken.

Om du har satt font till 10pt, kommer 1 em = 10pt.

Här kan du läsa en bra artikel:

http://coding.smashingmagazine.com/2011/03/14/technical-web-t...

Permalänk
Medlem

När det kommer till fontstorlek är 1em det samma som 100 %. Det vill säga, font-size: 1.2em ger samma resultat som font-size: 120%.

I övrigt ska du använda olika enheter vid olika tillfällen beroende på vad du försöker åstadkomma, det finns inget rätt eller fel här. Det viktiga är att veta hur de fungerar.

Visa signatur

Kom-pa-TI-bilitet

Permalänk
Medlem
Skrivet av Mest:

Det finns inget rätt svar på den här frågan. EM, procent och px är alla helt olika saker och används olika.

Använd em när du vill att något ska ha en storlek proportionenlig mot textstorleken. T.ex., marginaler mellan paragrafer, linjehöjd eller paddings i formulär och dyl.

Använd procent när du vill att något ska fylla en procentuell del av något annat. Du kan tvinga alla bilder att fylla sina containrar eller att inte vara större än sina containrar (img { max-widht: 100%; } t.ex.) eller låta flytande objekt fylla ut sin container i en responsiv layout.

Använd pixlar när du, uhm, vill låta något vara mer statiskt. Marginal mellan block, maximal bredd på sida eller paddings på huvuddelarna på en sida. Det beror lite på designen.

Vad jag har förstå så blir det komplicerat att läsa webbsidan tex på en iphone om man använder px:ar. Är det fel?, nu är jag inte den bästa på webbdesign, så förlåt om detta är ett dumt påstående.

Permalänk
Medlem
Skrivet av Zteekeen:

Vad jag har förstå så blir det komplicerat att läsa webbsidan tex på en iphone om man använder px:ar. Är det fel?, nu är jag inte den bästa på webbdesign, så förlåt om detta är ett dumt påstående.

Nej då, det är inga konstigheter att använda pixlar som enhet för smartphones. Telefoner översätter det antal pixlar du säger för att visa vad man förväntar sig. Jag är inte insatt i hur det görs, men det fungerar.

Visa signatur
Permalänk
99:e percentilen
Skrivet av Zteekeen:

Vad jag har förstå så blir det komplicerat att läsa webbsidan tex på en iphone om man använder px:ar. Är det fel?, nu är jag inte den bästa på webbdesign, så förlåt om detta är ett dumt påstående.

Det blir inte svårt att läsa på en mobil. 1px är inte samma sak som en fysisk pixel på skärmen. Jag använder px till mycket och det fungerar bra på iPad och Galaxy S II.

För att svara på originalfrågan: Det beror helt på vad du ska göra och vad du vill åstadkomma. De olika enheterna i CSS fungerar på olika sätt och kan användas för att uppnå olika resultat.

Visa signatur

Skrivet med hjälp av Better SweClockers