[Nihilnovi]

Ursprungligen postat av leonard

Om detta beror på att jag lärt mig definiera responsivitet helt fel vet jag ej, då kallar jag denna layout för "desktop, table och mobil"-anpassad och ber om ursäkt för eventuell vilseledande marknadsföring!

Tessvärre så finns det fler än 3 skärmstorlekar. Din sida ser katastrofal ut på en 7" tablet jämnfört med en 10".

[leonard]

Ursprungligen postat av Nihilnovi

Tessvärre så finns det fler än 3 skärmstorlekar. Din sida ser katastrofal ut på en 7" tablet jämnfört med en 10".

Ta gärna ett print på detta så ska jag fixa till det!

[JesperA]

Ursprungligen postat av leonard

Som ovan nämnt så ber jag om ursäkt, jag bör kalla den adaptive kanske istället för responsiv eller något. En mod får gärna ändra detta.

Du kan ju ändå undvika scrollen genom att sätta värdet för det "adaptiva" till att alltid vara mindre än skärmytan. Dina "steg" i det "adaptiva" är ju nu 1 steg för stort....alltså så som 99% av alla andra gör det. I dina steg så får du ju alltså förminska såpass att innehållet inte kan vara bredare än vad du tillåter att fönsterbredden är innan du hoppar till nästa steg.

[leonard]

Ursprungligen postat av JesperA

Du kan ju ändå undvika scrollen genom att sätta värdet för det "adaptiva" till att alltid vara mindre än skärmytan. Dina "steg" i det "adaptiva" är ju nu 1 steg för stort....alltså så som 99% av alla andra gör det. I dina steg så får du ju alltså förminska såpass att innehållet inte kan vara bredare än vad du tillåter att fönsterbredden är innan du hoppar till nästa steg.

Japp.

Hur som helst så tackar jag för allt fuzz i tråden, det var fel av mig att kalla den responsiv. Det är jag som under 2 år missuppfattat "responsivitet", för mig har det varit att den anpassat sig beroende på enhet - oavsett om jag gjort en flytande layout med enbart % och EM eller kört media query och pixelmått.

Dock skäms jag faktiskt lite lätt för detta misstag, och blåser därmed av försäljningen av layouten.

[Youffie]

Ursprungligen postat av Nihilnovi

Hela poängen med en responsiv design är att inte ha en scrollbar utan att sida ska vara "responsiv" till hur stor yta den kan visas på. Vad händer när du försöker "dra" något över sidan om den har en scroll? Ja då flyttar du ju på skärmen, inte så bra för mobil/tablets.

Ta en titt på http://twitter.github.io/bootstrap/index.html och förminska och förstora det fönstret, det är en responsiv sida, din är tyvärr inte det.

Hey, du överdriver definitionen en aning. Ska man gå efter din definition så är inte bootstrap heller responsive, jag får nämligen en scrollbar när jag minskar fönstret till minsta möjliga storlek.

[linusoleander]

Ursprungligen postat av Youffie

Hey, du överdriver definitionen en aning. Ska man gå efter din definition så är inte bootstrap heller responsive, jag får nämligen en scrollbar när jag minskar fönstret till minsta möjliga storlek.

Se till att uppgradera från IE6 så ska de nog fungera

[deeman]

Måste bara be att få flika in - det heter "följsam design" numera.
Och den där listen ska inte visas. Arbeta med procentenheter. Eller anpassa "px" efter skärmstorlek (brytpunkterna). Defaulta brytpunkter är i dag minst fem stycken.
Ett enkelt trix är att på en container eller wrapper som omfamnar allt är att sätta denna på:

max-width:90%; och med width på 1100px
width:1100px;

Inte helt 100 på ovan men något sådant är det, har inte tillgång till att prova.

[deeman]

Ursprungligen postat av deeman

Måste bara be att få flika in - det heter "följsam design" numera.
Och den där listen ska inte visas. Arbeta med procentenheter. Eller anpassa "px" efter skärmstorlek (brytpunkterna). Defaulta brytpunkter är i dag minst fem stycken.
Ett enkelt trix är att på en container eller wrapper som omfamnar allt är att sätta denna på:

max-width:90%; och med width på 1100px
width:1100px;

Inte helt 100 på ovan men något sådant är det, har inte tillgång till att prova.

Hur som så känns det ändå lite som paste and copy, och det finn mycket annat att anmärka på