Na uren proberen van 1000de dingen weet ik het ff niet meer.
In het begin toen ik m'n website maakte had ik deze bug, toen had ik hem gefixed, nu vele regels code verder is hij weer terug
Het probleem is dat alles werkt alleen niet wanneer de user het volgende doet.
1. start in portrait op een pagina
2. drukt op een knop [gaat naar andere pagina].
3. op de andere pagina draait deze het scherm
[tot hier alles perfect]
4. drukt op de back button (android browser back button)
de pagina ziet er nu niet uit want de zoom is fout (alles is groot)
Het is alleen die fout, de rest is allemaal goed, je kan bijv. gewoon op de pagina zelf wel gewoon draaien.
Wanneer ik op de sterk ingezoomde pagina draai dan zet hij alles wel weer goed.
Ik gebruik de volgende code
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0" />
- users kunnen niet inzoomen, niet nodig op deze pagina.
Ik heb ook nog scripts getest zoals dit
$(window).on('orientationchange', orientationChangeHandler);
function orientationChangeHandler(e) {
setTimeout(function() {
$(window).trigger('resize');
}, 2000);
of bij de onload nog een keer
$(window).trigger('resize');
En diverse viewport waardes.
In het begin toen ik m'n website maakte had ik deze bug, toen had ik hem gefixed, nu vele regels code verder is hij weer terug
Het probleem is dat alles werkt alleen niet wanneer de user het volgende doet.
1. start in portrait op een pagina
2. drukt op een knop [gaat naar andere pagina].
3. op de andere pagina draait deze het scherm
[tot hier alles perfect]
4. drukt op de back button (android browser back button)
de pagina ziet er nu niet uit want de zoom is fout (alles is groot)
Het is alleen die fout, de rest is allemaal goed, je kan bijv. gewoon op de pagina zelf wel gewoon draaien.
Wanneer ik op de sterk ingezoomde pagina draai dan zet hij alles wel weer goed.
Ik gebruik de volgende code
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0" />
- users kunnen niet inzoomen, niet nodig op deze pagina.
Ik heb ook nog scripts getest zoals dit
$(window).on('orientationchange', orientationChangeHandler);
function orientationChangeHandler(e) {
setTimeout(function() {
$(window).trigger('resize');
}, 2000);
of bij de onload nog een keer
$(window).trigger('resize');
En diverse viewport waardes.
// - bla la