Volledige versie bekijken : Mobiele site - zoom configureren



MabadosS
18 April 2015, 13:32
Beste,

Ik heb een nieuwe website gemaakt voor mijn zaak.

In navolging van google's aankondiging om sites die niet 'volgens hun normen' geschikt zijn voor mobiel gebruik, heb ik mijn website dus zodanig gemaakt dat hij compacter wordt weergegeven op een smartphone.

Ik ben daar goed in geslaagd en ben best tevreden van het resultaat. Er wordt automatisch gedetecteerd wanneer een bezoeker met een smartphone, tablet/pc/laptop naar de site surft en die krijgt de desbetreffende versie te zien en dit voor elke afzonderlijke pagina.

Van google krijg ik ook het label dat de site geschikt is voor mobiel gebruik (zie foto onderaan).

Iedereen tevreden zou je zeggen en een nutteloze forumpost, maar toch is er een probleem waar google geen erg in heeft of gewoon niet ziet.

Als ik naar de site surf met 4 verschillende smartphones (Iphone 5s, Iphone 6, Samung Galaxy SIII, Samsung Ace Plus), dan opent de mobiele site, maar ingezoomd. Ik moet dus voor elke pagina uitzoomen om de inhoud goed te lezen.

Via google kom ik niet tot een geschikte oplossing, ik heb ook al heel wat zitten klooien met de <meta name="viewport" content="width=620px, initial-scale=1" /> .
Alles zonder het gewenste resultaat.

Misschien kan iemand mij hier helpen, waarvoor dank.

Url is www.javecomputers.be (http://www.javecomputers.be)


www.javecomputers.be/opslag/google.png

berger
18 April 2015, 16:38
Die site opent bij mij goed op een android tablet en op een nokia smart phone.

Eigenlijk ken ik niets van zulke zaken (ben ooit geraakt tot html en css) maar google brengt soms een mogelijkheid. Probeer dus eens om uw metaviewportwaarde in te stellen op width = device-width waardoor de zoom zich automatisch zou moeten aanpassen aan het apparaat dat gebuikt wordt.

MabadosS
18 April 2015, 20:06
Die site opent bij mij goed op een android tablet en op een nokia smart phone.

Eigenlijk ken ik niets van zulke zaken (ben ooit geraakt tot html en css) maar google brengt soms een mogelijkheid. Probeer dus eens om uw metaviewportwaarde in te stellen op width = device-width waardoor de zoom zich automatisch zou moeten aanpassen aan het apparaat dat gebuikt wordt.

Dank voor uw reactie, maar dat had ik reeds geprobeerd, maar dan komt het helemaal niet goed.

MabadosS
18 April 2015, 20:24
Ik lees nu net dat u een nokia smartphone gebruikt, dat is windows mobile als ik me niet vergis. Dat heb ik niet kunnen testen omdat ik geen windows phone heb, wel geruststellend dat het daar wel goed komt. Op een tablet krijg je de desktop versie te zien, dus dat is normaal dat het daar ok is.

Maar er blijft natuurijk IOS en Android die niet doen wat ze moeten.

berger
18 April 2015, 20:51
Die Nokia van mij is inderdaad Windows.
En zoals ik al zei : eigenlijk ken ik er ni veel van, hopen op anderen en beteren.

ghost
19 April 2015, 10:18
Ken er ook niks van maar kan het ook zijn door de instellingen van uw toestel zelf ?
En ik heb dit nog gevonden http://www.helpmij.nl/forum/showthread.php/751766-Website-wordt-ingezoomd-weergeven-op-Android-en-Windows-phone-8
En dit is dezelfde vraag maar dan met een ander antwoord hopelijk ben je hier iets mee http://www.onemorething.nl/community/topic/website-wordt-ingezoomd-weergeven-op-android-en-windows-phone-8/

MabadosS
19 April 2015, 12:10
Dank voor de reacties. De links van ghost brachten me op een idee. Ik lees in de verschillende post dat het probleem zich vooral situeert in de initial scale. Dus heb ik gewoon even de initial scale er uit gehaald en dit werkt perfect.

<meta name="viewport" content="width=620px />

Google blijft de site als geschikt aangeven en de toestellen schalen nu correct.