Koda till olika upplösningar - Sidan 2

Famous · 2012-02-20, 18:42

I 99.9% av fallen behövs ingen separat fil för IE7. Kodar man rätt brukar man få till det utan större problem. Är ju mest småsaker som IE7 inte kan hantera som border-radius etc. Men layouten borde man kunna få till i vanliga CSS'en kan jag tycka. Har dock inte gjort jättemånga responsive-sidor så vet inte om det är några vanliga fallgropar där.

Handlar det bara om något enstaka ställe där man behöver justera CSS för IE7 brukar jag köra på prefix i CSS som bara IE7 kan läsa. Vilket säkerligen inte är det bästa då det inte är korrekt CSS. Conditional comments kan vara att föredra.
Någon annan har säkert bättre koll på vad som anses korrekt.

powerbuoy · 2012-02-21, 04:23

Jag kör också hack. Ogillar att ha kod som stylar samma saker utspridd i olika filer. Öppnar jag header.scss så vill jag att all styling för #header:n ska ligga där.

Angående responsive och IE så bör man köra respond.js annars funkar inte media queries alls i IE<9. Däremot är det väl egentligen bara nödvändigt om man kör mobile first.

kevva · 2012-02-21, 08:09

Antingen kör man css-hacks eller conditional html comments, aldrig flera CSS-filer då HTTP-requests är den största fallgropen när det gäller performance.

Citat:

Ursprungligen postat av powerbuoy Visa inlägg

Jag kör också hack. Ogillar att ha kod som stylar samma saker utspridd i olika filer. Öppnar jag header.scss så vill jag att all styling för #header:n ska ligga där.

Angående responsive och IE så bör man köra respond.js annars funkar inte media queries alls i IE<9. Däremot är det väl egentligen bara nödvändigt om man kör mobile first.

Du kan ju också göra såhär för att slippa respond.js http://nicolasgallagher.com/mobile-f...s-sass-and-ie/. Okej att IE<9 får ladda en CSS-fil extra, men man slipper i alla fall att förlita sig på JS.

Trobiz · 2012-02-21, 10:36

Fan va trött man blir på IE. Känns ju som att 70% av alla problem man stöter på är IE relaterat...

Tack för länken Kevva. Ska kolla på de. Är gärna så lite beroende som möjligt av JS och liknande. Kan inte språken och blir det strul så har man satt sig i en taskig situation.

powerbuoy . Nu har jag ju kodat min sida så att den är anpassad till 1280px från början och sen skalar jag ned den med media queries. Då kommer IE alltså inte att kunna skala ner min sida om jag inte använder mig av respond.js eller gör som länken kevva skicka?

kevva · 2012-02-21, 11:09

Trobiz, det stämmer.

powerbuoy · 2012-02-21, 11:50

@kevva - sant, det där är en annan lösning. Skillnaden blir att responsiveness:en inte fungerar i IE vilket den gör med respond.js. Men man kan ju fråga sig hur värdefullt det är.

kevva · 2012-02-21, 11:58

Nej du, jag har själv slutat använda respond. Antingen servar jag IE den väldigt basic mobilsajten eller så använder jag metoden som jag nämnde ovan.

2012-02-20, 18:42	No. 21
Famous Allt-i-allo Eric Johansson, 29 Ort: Solna Inlägg: 15 977	I 99.9% av fallen behövs ingen separat fil för IE7. Kodar man rätt brukar man få till det utan större problem. Är ju mest småsaker som IE7 inte kan hantera som border-radius etc. Men layouten borde man kunna få till i vanliga CSS'en kan jag tycka. Har dock inte gjort jättemånga responsive-sidor så vet inte om det är några vanliga fallgropar där. Handlar det bara om något enstaka ställe där man behöver justera CSS för IE7 brukar jag köra på prefix i CSS som bara IE7 kan läsa. Vilket säkerligen inte är det bästa då det inte är korrekt CSS. Conditional comments kan vara att föredra. Någon annan har säkert bättre koll på vad som anses korrekt.
	www.ericj.se ٩(̾●̮̮̃̾•̃̾)۶
	Svara med citat

2012-02-21, 04:23	No. 22
powerbuoy Användare Ante Lager, 32 Ort: Stockholm Inlägg: 806	Jag kör också hack. Ogillar att ha kod som stylar samma saker utspridd i olika filer. Öppnar jag header.scss så vill jag att all styling för #header:n ska ligga där. Angående responsive och IE så bör man köra respond.js annars funkar inte media queries alls i IE<9. Däremot är det väl egentligen bara nödvändigt om man kör mobile first.
	60% of the time it works, every time
	Svara med citat

2012-02-21, 10:36	No. 24
Trobiz Användare Ort: Båstad Inlägg: 30	Fan va trött man blir på IE. Känns ju som att 70% av alla problem man stöter på är IE relaterat... Tack för länken Kevva. Ska kolla på de. Är gärna så lite beroende som möjligt av JS och liknande. Kan inte språken och blir det strul så har man satt sig i en taskig situation. powerbuoy . Nu har jag ju kodat min sida så att den är anpassad till 1280px från början och sen skalar jag ned den med media queries. Då kommer IE alltså inte att kunna skala ner min sida om jag inte använder mig av respond.js eller gör som länken kevva skicka?
Trobiz Användare Ort: Båstad Inlägg: 30
	Svara med citat

2012-02-21, 11:09	No. 25
kevva Topside bro Kevin Mårtensson, 23 Ort: Borås Inlägg: 344	Trobiz, det stämmer.

	Svara med citat

2012-02-21, 11:50	No. 26
powerbuoy Användare Ante Lager, 32 Ort: Stockholm Inlägg: 806	@kevva - sant, det där är en annan lösning. Skillnaden blir att responsiveness:en inte fungerar i IE vilket den gör med respond.js. Men man kan ju fråga sig hur värdefullt det är.
	60% of the time it works, every time
	Svara med citat

2012-02-21, 11:58	No. 27
kevva Topside bro Kevin Mårtensson, 23 Ort: Borås Inlägg: 344	Nej du, jag har själv slutat använda respond. Antingen servar jag IE den väldigt basic mobilsajten eller så använder jag metoden som jag nämnde ovan.

	Svara med citat

Aktiva användare som för närvarande tittar på det här ämnet: 1 (0 medlemmar och 1 gäster)

Ämnesverktyg
Visa utskriftsvänlig version E-posta den här sidan