WN

WN (https://www.wn.se/forum/index.php)
-   Köp & Sälj (https://www.wn.se/forum/forumdisplay.php?f=26)
-   -   Responsiv unik HTML5 / CSS3-layout (https://www.wn.se/forum/showthread.php?t=1057961)

Nihilnovi 2013-05-19 09:54

Citat:

Ursprungligen postat av leonard (Inlägg 20470240)
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 2013-05-19 09:56

Citat:

Ursprungligen postat av Nihilnovi (Inlägg 20470244)
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 2013-05-19 11:09

Citat:

Ursprungligen postat av leonard (Inlägg 20470243)
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 2013-05-19 11:30

Citat:

Ursprungligen postat av JesperA (Inlägg 20470252)
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 2013-05-20 21:45

Citat:

Ursprungligen postat av Nihilnovi (Inlägg 20470242)
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 2013-05-21 00:10

Citat:

Ursprungligen postat av Youffie (Inlägg 20470348)
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 2013-05-21 09:06

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 2013-05-21 10:24

Citat:

Ursprungligen postat av deeman (Inlägg 20470364)
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å


Alla tider är GMT +2. Klockan är nu 07:01.

Programvara från: vBulletin® Version 3.8.2
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Svensk översättning av: Anders Pettersson