Mobil og tilpasning

Bertel Lund Hansen

unread,

Aug 31, 2019, 1:41:05 AM8/31/19

to

Det med at sætte

<meta name='viewport' content='width=device-width,
initial-scale=1.0, user-scalable=yes'>

i headeren er både godt og skidt. Jeg har to sider med offentlige
billeder:

http://bertel.lundhansen.dk/billeder/historiske_billeder.php

http://bertel.lundhansen.dk/?page=billeder/snowpictures

Den første er ikke tilpasset. Den anden er når man altså har
klikket på et billede.

Den første version er gnidret, men kan zoomes efter ønske. Ved
den anden får billedet sin egen størrelse så det går langt ud
over mobilens sider, og det kan ikke mindskes så det passer til
vinduet.

Jeg kunne overveje at lave maksvisning på oversigtssiden med
frimærker og så brugerzoom ved billedvisning, men jeg kan faktisk
godt lide det overblik man får med mikrobilleder, og de kan jo
også zoomes hvis man vil.

Er det ikke bedst at lade zoomningen være op til brugeren?

--
/Bertel

Kim Ludvigsen

unread,

Aug 31, 2019, 3:18:39 AM8/31/19

to

Den 31/08/2019 kl. 07.41 skrev Bertel Lund Hansen:

> http://bertel.lundhansen.dk/billeder/historiske_billeder.php
>
> http://bertel.lundhansen.dk/?page=billeder/snowpictures
>
> Den første er ikke tilpasset. Den anden er når man altså har
> klikket på et billede.

Jeg kan ikke genskabe det her (på min PC med mobilvisning). Her er alle
billederne for store i den store størrelse. Dog tilpasses de historiske
billeder, hvis man klikker/trykker en ekstra gang, så kun billedet vises
- altså uden billedteksten.

> Jeg kunne overveje at lave maksvisning på oversigtssiden med
> frimærker og så brugerzoom ved billedvisning, men jeg kan faktisk
> godt lide det overblik man får med mikrobilleder, og de kan jo
> også zoomes hvis man vil.

Hos mig ser oversigtssiderne fine ud på begge eksempelsider. Prøv med
følgende for siderne med den store udgave af billederne:
#billede img {width:auto; max-width:100%; height:auto}

> Er det ikke bedst at lade zoomningen være op til brugeren?

Med meta-koden i headeren burde de altid kunne zoome, så du skal bare
sørge for, at deres første visning er så god som mulig.

--
Mvh. Kim Ludvigsen

Dennis Munding

unread,

Aug 31, 2019, 3:21:04 AM8/31/19

to

Har du prøvet at sætte:

img {max-width:100%;} ?

--
Med venlig hilsen

Dennis Munding

Jan Hansen

unread,

Aug 31, 2019, 7:26:59 AM8/31/19

to

Bertel Lund Hansen skrev:

> Det med at sætte
>
> <meta name='viewport' content='width=device-width,
> initial-scale=1.0, user-scalable=yes'>
>
> i headeren er både godt og skidt. Jeg har to sider med offentlige
> billeder:
>
> http://bertel.lundhansen.dk/billeder/historiske_billeder.php
>
> http://bertel.lundhansen.dk/?page=billeder/snowpictures
>
> Den første er ikke tilpasset. Den anden er når man altså har
> klikket på et billede.
>
> Den første version er gnidret, men kan zoomes efter ønske. Ved
> den anden får billedet sin egen størrelse så det går langt ud
> over mobilens sider, og det kan ikke mindskes så det passer til
> vinduet.

Hvorfor ikke lade brugeren selv bestemme, om billedet skal tilpasses
skærmbredden, eller vises i aktuel størrelse?
Det her skifter størrelse ved klik på billedet, og man kan stadig
(med lidt forsigtighed) zoome ind og ud med 2 fingre.
Valget gemmes i en cookie, så næste billede vises på samme måde.
http://www.sniper-pistol.com/swirp.php

--
mvh Jan.
Help Microsoft stamp out piracy. Give
Linux to a friend today!

Bertel Lund Hansen

unread,

Sep 1, 2019, 6:30:12 AM9/1/19

to

Kim Ludvigsen skrev:

> #billede img {width:auto; max-width:100%; height:auto}

Den har jeg brugt (på de private billeder), og det gjorde jo en
forskel. Senere vil jeg ordne de offentlige billeder også.

--
/Bertel