Korjaa Apple Device Safari Viewport -sovellusvirhe [Kuinka]

click fraud protection

Jos olet web-suunnittelija, Viewpoint Scaling -niminen vika on saattanut kohdata sinut, joka esiintyy Apple-laitteissa, ts. IPodissa, iPhoneissa ja iPadissa. Joskus, kun kierrämme Apple-laitetta pystysuunnasta vaakasuuntaan, sivusto zoomaa sisään, jolloin meille näkymä on leveämpi kuin laitteen leveys. Tämä johtuu siitä, että suunnittelija on asettanut näyttökentän leveyden laitteen leveyteen. Suunnittelemme mallisivun ja käänsimme iPadin pystysuuntaisesta maisemakuvaan auttaaksemme sinua ymmärtämään tämän virheen toimintaa.

pystysuora näyte
maisemanäyte - kopio

Mainitun virheen pikakorjaus opastaa meitä asettamaan ”maximum-scale = 1” näyttöportin sisällönkuvauskenttään. Tämä korjaa ongelman toistaiseksi, mutta sivu ei enää voi zoomata, koska vahvistamme enimmäisleveyden, joka vastaa laitteen leveyttä.

Tämä pikakorjaus ei ole aivan täydellinen ratkaisu. Kuten suunnittelijoiden kovan työn kautta @mathias, @cheeaun ja @jdalton, meillä on nyt javascript jotka voidaan lisätä 

-osiossa pysyvän ratkaisun saamiseksi. Tämän ratkaisun mukaisesti sivu pysyy zoomauskykyisenä.
instagram viewer

Nämä ovat ainoat suunnitellut ratkaisut, jotka suunnittelijat ovat tähän mennessä keksineet. Mutta jos sinulla on toinen korjataksesi tämä virhe, jaa se kanssamme kommentteihin.

watch instagram story