Ratkaistu: lukitse zoomaus html

Suurin ongelma on, että jos käyttäjä napsauttaa zoomausruudun ulkopuolella, zoomaus lukittuu eikä hän voi lähentää tai loitontaa.

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

Näkymä on käyttäjän näkyvä alue verkkosivulla. Se vaihtelee laitteen mukaan ja on pienempi matkapuhelimella kuin tietokoneen näytöllä.

Leveys=laiteleveys-osa määrittää näkymän leveyden seuraamaan laitteen leveyttä (joka vaihtelee laitteesta riippuen).

Alkuasteikko=1.0-osa määrittää alkuperäisen zoomaustason, kun selain lataa sivun ensimmäisen kerran.

Maxim-scale=1.0 osa määrittää kuinka paljon käyttäjä saa zoomata sivua. Arvo 1.0 tarkoittaa, että zoomausta ei sallita.

User-scalable=no-osa poistaa käytöstä zoomauksen, joka saattaa olla oletuksena käytettävissä joissakin laitteissa (kuten kaksoisnapauttamalla lähentääksesi).

Zoomin poistaminen käytöstä mobiilisivustolla

Voit poistaa zoomauksen käytöstä mobiilisivulla HTML-kielellä käyttämällä seuraavaa koodia:

Tämä tekee sivusta sopivan sen laitteen leveyteen, jolla sitä tarkastellaan.

Zoomaa pois

Voit loitontaa HTML:ää käyttämällä zoomausominaisuutta. Esimerkiksi:

zoom: 1;

Poista HTML-skaalaus käytöstä

HTML-skaalaus on HTML:n ominaisuus, jonka avulla verkkoselaimet voivat suurentaa tai pienentää tekstin ja kuvien kokoa tehdäkseen niistä luettavampia pienemmillä tai suuremmilla näytöillä. Tämä ominaisuus voidaan poistaa käytöstä useimmissa selaimissa asettamalla html-skaalausominaisuuden arvoksi "ei mitään".

Related viestiä:

Jätä kommentti