Få text att anpassas efter webbläsarens storlek

Vixnor · 2012-05-15, 22:04

Ändrar man webbläsarens storlek i sidled på t.ex. wikipedias webbsida ser man att texten flyttar/anpassar sig till webbläsarens storlek.

Jag vill att text i en div ska ha en max-bredd på 570px och en min-bredd på 200px.
Alltså ändrar man webbläsarens storlek i sidled så ska texten följa med och bli minst 200px bred, men annars 570px bred som mest.

Gildebrand · 2012-05-15, 23:35

Det du snackar om kallas "Responsive Web Design".
Det finns css attribut som heter max-width och min-width, kolla på dem

Vixnor · 2012-05-16, 23:35

Ok, "Responsive Web Design"

Jag vill att en drop down meny ska förvandlas till "en knapp" som man ska kunna trycka på vid t.ex @media (max-width: 360px)...)

Någon som har tips på det eller andra bra menyer som verkligen ändras om man ändrar webbläsarens storlek?

2012-05-15, 22:04	#1
Vixnor Medlem Registrerad: 2009-10-09 Ort: Stockholm Inlägg: 46 Lösningar: 0	Få text att anpassas efter webbläsarens storlek Ändrar man webbläsarens storlek i sidled på t.ex. wikipedias webbsida ser man att texten flyttar/anpassar sig till webbläsarens storlek. Jag vill att text i en div ska ha en max-bredd på 570px och en min-bredd på 200px. Alltså ändrar man webbläsarens storlek i sidled så ska texten följa med och bli minst 200px bred, men annars 570px bred som mest.

2012-05-15, 23:35	#2
Gildebrand Medlem Registrerad: 2009-06-06 Inlägg: 915 Lösningar: 18	Det du snackar om kallas "Responsive Web Design". Det finns css attribut som heter max-width och min-width, kolla på dem __________________ SlashDev - Utveckling av webb- och mobillösningar

Trådverktyg
Visa utskriftsvänlig version E-posta den här sidan
Visningsalternativ
Linjär visning Växla till hybrid-visning Växla till trådad visning

2012-05-16, 23:35	#3
Vixnor Medlem Registrerad: 2009-10-09 Ort: Stockholm Inlägg: 46 Lösningar: 0	Ok, "Responsive Web Design" Jag vill att en drop down meny ska förvandlas till "en knapp" som man ska kunna trycka på vid t.ex @media (max-width: 360px)...) Någon som har tips på det eller andra bra menyer som verkligen ändras om man ändrar webbläsarens storlek?