Kom ihåg mig?
Home Menu

Menu


Responsive webdesign

 
Ämnesverktyg Visningsalternativ
Oläst 2012-10-14, 13:52 #1
P3N P3N är inte uppkopplad
Flitig postare
 
Reg.datum: Jun 2010
Inlägg: 331
P3N P3N är inte uppkopplad
Flitig postare
 
Reg.datum: Jun 2010
Inlägg: 331
Borde du inte lägga reglerna så att om webbläsaren är mindre än vad layouten kräver så skall den byta till en mindre?
Som det är nu så byter regeln till den mindre layouten bara när ytan är liten nog för att den layouten precis skall passa. När den egentligen behöver byta till en mindre layout när det inte finns plats längre. Designen nu släpar efter så att säga och blir då för stor.
Vad gäller mobilen, prova att byta ut "@media (max-width: 320px)" till "@media screen and (max-width: 320px)". (Källa: http://stackoverflow.com/questions/8...-media-queries).
P3N är inte uppkopplad   Svara med citatSvara med citat
Oläst 2012-10-14, 14:10 #2
P3N P3N är inte uppkopplad
Flitig postare
 
Reg.datum: Jun 2010
Inlägg: 331
P3N P3N är inte uppkopplad
Flitig postare
 
Reg.datum: Jun 2010
Inlägg: 331
Ett tips till. För att få layouten att flyta på i mellan de olika upplösningarna använd både width och max-width (procent värde på max-width). Så flyter layouten på i mellan de olika upplösningarna/reglerna också. (Källa: http://webdesignerwall.com/tutorials...ponsive-design) (detta lär ju lösa problemet med eftersläpningen ovan )

Senast redigerad av P3N den 2012-10-14 klockan 14:12
P3N är inte uppkopplad   Svara med citatSvara med citat
Oläst 2012-10-14, 16:06 #3
P3N P3N är inte uppkopplad
Flitig postare
 
Reg.datum: Jun 2010
Inlägg: 331
P3N P3N är inte uppkopplad
Flitig postare
 
Reg.datum: Jun 2010
Inlägg: 331
Två tips till till mobilen (kommer på efterhand här ):
HTML-kod:
<meta name='viewport' content='user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0'/>
Det gör så att sidan inte visas i full size utan efter skärmens storlek.

Samt att om du sätter overflow: hidden; på wrappern så slipper man att sidan kan röra sig i sidled (testat på iPhone bara).
P3N är inte uppkopplad   Svara med citatSvara med citat
Svara


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

Regler för att posta
Du får inte posta nya ämnen
Du får inte posta svar
Du får inte posta bifogade filer
Du får inte redigera dina inlägg

BB-kod är
Smilies är
[IMG]-kod är
HTML-kod är av

Forumhopp


Alla tider är GMT +2. Klockan är nu 02:22.

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