Fullscreen page aanpassen aan laptop grootte
Is het mogelijk om bijvoorbeeld de website een bepaald zoom percentage te geven wanneer de resolutie van het scherm onder een bepaalde grootte is?
Kun je een stukje HTML / CSS laten zien?
De achtergrond werkt goed en die veranderd ook mee met alle scherm resoluties alleen de div die erop ligt heeft een height die van de pagina af valt als je een klein scherm hebt zoals een laptop. Op een ipad werkt het wel goed dankzij de viewport.
Ik heb meerdere divs onder elkaar met pagina's en ik heb overflow:hidden; en via jquery navigeer ik naar de volgende pagina's. Die onder elkaar staan maar die je browser niet laat zien want scrollen staat uit.
De achtergrond werkt goed en strecht mee met elke resolutie.
Alleen de divs die erop "zweven" hebben bijvoorbeeld een height die groter is als sommige resoluties van laptops. Ik heb overflow:hidden dus alles wat eraf valt is ook niet te zien.
Is er een mogelijkheid om dit aan te passen voor laptops? Of moet ik dan echt een aparte css gaan maken?
- het scrollen staat uit omdat de verschillende pagina's in wezen onder elkaar staan (en zijn te allen tijde zichtbaar), maar je wilt er maar 1 op elk moment tonen
- je kunt naar een andere pagina navigeren via javascript (jQuery), daarbij spring je dus in feite naar een andere div?
Als je nou op elk moment enkel de inhoud van één pagina toont, dan is in wezen dat scroll-probleem toch opgelost, in die zin dat paginahoogte (die eigenlijk nooit vaststaat) er dan niet toe doet omdat je door je inhoud heen kan scrollen zonder dat je andere pagina's ziet?
Je kunt op verschillende manieren de pagina-inhoud van 1 pagina op elk moment tonen (en de rest verbergen):
- door het tonen/verbergen van divs
- door het inladen van de content van 1 pagina via een AJAX-call
Tenzij je om een specifieke reden niet wil kunnen scrollen?