CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

KrosserK Juniormester

17. oktober 2017 - 10:00 Der er 6 kommentarer og
1 løsning

Resizeing af browsere

Forskellige skærmstørrelser, forskellig DPI osv osv.

Det kan hurtigt få en webside til at se lidt funky ud.
Er der nogen som har noget input til hvordan, man laver en universalløsning, således at mit indhold præsenteres pænt på alle "størrelser".

Jeg skal helst undgå at bruge templates fra wordpress o.lign.
Tænker selv at jeg skal undersøge skærmstørrelse og dpi samt evt. brugerindstillinger på fontstørrelse i browseren osv osv. Så der er rigeligt en slutbruger kan finde på af narrestreger.

Bud modtages med kyshånd :-)

Synes godt om

Slettet bruger

17. oktober 2017 - 10:07 #1

det plejer man at bruge CSS til. gå igang med at lære CSS.
https://www.thoughtco.com/css-tutorial-3466398
se kapitel 9

Synes godt om

keysersoze Guru

17. oktober 2017 - 10:42 #2

Design og kode responsivt hvilket primært indebærer godt med CSS. Hvis du har svært ved at komme i gang så benyt eller få inspiration i et CSS framework som fx Bootstrap eller Foundation.

Synes godt om

cht22 Professor

17. oktober 2017 - 11:45 #3

Lige et tip, husk media queries skal efter den øvrige css, som vist i eksemplet her:

BODY {
font-family:"pnRegular","Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 14pt;
border: 0px solid #000000;
background: transparent;
background-color:#ffffff;
scrollbar-face-color: #CCCCCC;
scrollbar-shadow-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color: #000000;
}

@media (max-width:399px){
.main{width:100%}
}
@media (min-width:400px){
.main{width:800px;max-width:100%;}
}

Synes godt om

keysersoze Guru

17. oktober 2017 - 13:08 #4

#3 Det har ingen betydning - du kan sagtens have mediaqueries inde midt i din øvrige css men man skal selvfølgelig ikke have generel css, der overskriver en indholdet af en mediaquery.

Synes godt om

cht22 Professor

17. oktober 2017 - 13:47 #5

#4 Jeg synes bare jeg har erfaring med det modsatte. Men det kan godt være du har ret. Det var måske bare fordi jeg engang glemte denne linje:

Synes godt om

Slettet bruger

18. oktober 2017 - 06:35 #6

width=auto;

Synes godt om

KrosserK Juniormester

18. oktober 2017 - 20:13 #7

Tak for jeres svar. Jeg roder lige lidt med det :-)

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Flere spørgsmål fra Browsere kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Bliver mine faner i Chrome gemt efter geninstallering af Windows? Af Besil i Browsere	2	04/04/202415:22	04/04/202417:19
Hængelås i Chrome Af chrisscan i Browsere	2	22/03/202420:05	22/03/202423:16
Offentlige hjemmesider virker ikke på Chrome Af cyperbent i Browsere	4	08/03/202415:34	09/03/202410:14
Opera: synkroniserer ikke Af visto i Browsere	2	12/02/202420:41	13/02/202417:02
Chrome presser sig på i Edge Af gigiczajkowski@gmail.com i Browsere	7	07/02/202419:11	08/02/202414:48

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS