Avatar billede rudi1234 Nybegynder
25. februar 2005 - 12:16 Der er 3 kommentarer og
1 løsning

Websites: Tilpasse til varierende skærmsopløsning

De fleste har skærmstørrelse over 800x600, men der er nogle med denne lille størrelse (og nogle med mindre).

Jeg vil gerne høre hvordan man tilpasse sin hjemmeside til dét. Mit umiddelbare forslag er selv at have forskellige style-sheets, men jeg vil gerne have at siden selv vælger det for brugeren.

Kan det lade sig gøre; at den vælger fx style800x600.css for små skærme og style1200x800.css for større osv.?

Og hvad med problematikken om at folk med store skærme ofte kører med ikke-maksimerede vinduer? M.a.o. problematikken omkring at fastslå den reelle skærmstørrelse?
Avatar billede roenving Novice
25. februar 2005 - 14:10 #1
Jeg kender ikke nogen sikre metoder til at detektere vinduets størrelse, men det er også mit indtryk, at de fleste med monster-skærme kører deres browser-vinduer i større størrelse end 800*600 !-)

-- men således, hvor du skal have dit stylesheet:

<script type="text/javascript">
if(screen.availWidth<=800)
  document.write('<link rel="stylesheet" type="text/css" href="style/style800x600.css">');
else
  document.write('<link rel="stylesheet" type="text/css" href="style/style.css">');
</script>
Avatar billede rudi1234 Nybegynder
25. februar 2005 - 14:26 #2
Tak for det! Lige et par spm.:

- fungerer denne javascript på ALLE browsere og browserversioner
- den vidde der tjekkes for, gælder den for det maksimerede browservindue eller for det aktuelle (evt. ikke-maksimerede) som brugeren har?
- tages der høje for evt. værktøjslinier som stjæler plads (fx standardknapperne hvis man bruger availHeight i stedet for)

:o)
Avatar billede roenving Novice
25. februar 2005 - 14:40 #3
1. Ja, medmindre de har slået javascript fra !-)
2. Nej, som jeg skrev kender jeg kun metoder, som dur i visse browsere til at aflæse vinduets størrelse, så det gælder for det område, som ikke er optaget af styresystemets elementer, f.eks. taskbar o.l.
3. Ja !-)

-- og els velbekomme '-)
Avatar billede roenving Novice
25. februar 2005 - 15:08 #4
Tak for point ;~}
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester