- Lid sinds
- 8 feb 2001
- Berichten
- 35.459
- Waarderingsscore
- 1.341
- Punten
- 113
- Leeftijd
- 61
- Locatie
- State Penitentiary
Ik ben bezig een website mobiel friendly te maken.
Nu had ik een test gedaan en dan krijg ik het volgende te zien:
Fatal: Horizontal scrollbar detected. Content-size width is greater then visual Viewport width.
Hieruit blijkt dus dat er een horizontale scroll komt en dat content size te breed is waardoor er op mobiel ene horizontale scroll balk ontstaat. Het gaat hier volgens mij om de achtergrond afbeelding.
Nu weet ik wel dat je die horizontale balk kunt uitschakelen maar dan ziet die afbeelding niet uit.
Op dit moment heb ik deze instelling op de pagina staan, want het gaat om een gewone php site, geen CMS dus.
Schijnbaar helpt dit niet voor de afbeelding, schijnbaar niet voor de hele website, dus vermoedelijk staat er ergens anders nog iets verkeerd.
Hoe krijg ik dit gefixed?
Nu had ik een test gedaan en dan krijg ik het volgende te zien:
Mobile- and other Chrome-Checks
width | height | |
---|---|---|
visual Viewport | 396 | 716 |
content Size | 850 | 1560 |
Fatal: Horizontal scrollbar detected. Content-size width is greater then visual Viewport width.
Hieruit blijkt dus dat er een horizontale scroll komt en dat content size te breed is waardoor er op mobiel ene horizontale scroll balk ontstaat. Het gaat hier volgens mij om de achtergrond afbeelding.
Nu weet ik wel dat je die horizontale balk kunt uitschakelen maar dan ziet die afbeelding niet uit.
Op dit moment heb ik deze instelling op de pagina staan, want het gaat om een gewone php site, geen CMS dus.
Code:
<meta name="viewport" content="width=device-width, initial-scale=1">
Schijnbaar helpt dit niet voor de afbeelding, schijnbaar niet voor de hele website, dus vermoedelijk staat er ergens anders nog iets verkeerd.
Hoe krijg ik dit gefixed?