Zvětšování stránky na telefonu

Zvětšování stránky na telefonu
« kdy: 13. 06. 2024, 15:18:49 »
Ahoj,

stvořil jsem stránku https://www.sauron.cz/wm.html, je s ní problém na android telefonech při otáčení. Stránku otevřu když je telefon na výšku, otočím ho na šířku a stránka se zvětší tak, že je část mimo viditelnou oblast, přitom by se na šířku na display pohodlně vešla. Uživatel musí potom stránku zmenšit. Zvětšování způsobuje to, že při prvotním otevření na výšku se stránka nevejde na display. Pokud odstraním část s wireguard, která je příliš široká, po otočení je zobrazena nezvětšeně.

Dá se zabránit tomu zvětšování? Nebo napadá vás jiné řešení? Tu část s wireguard asi nejsem schopen zmenšit.

Díky za radu


Re:Zvětšování stránky na telefonu
« Odpověď #1 kdy: 13. 06. 2024, 18:11:50 »
Používám následující meta tag, stránka se s ním chová lépe.

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no" />

https://developer.mozilla.org/en-US/docs/Web/HTML/Viewport_meta_tag


--
Jiří Veruněk
https://www.kvalitni-remeslnik.cz/