Detecteer scherm- en viewportresolutie met responsieve breakpoint tests en realtime updates bij formaatwijziging
Hulpprogramma's
Over deze tool
De schermresolutie detector toont direct je schermresolutie, viewportgrootte, device pixel ratio, beschikbare schermruimte, oriëntatie en responsieve breakpoint — allemaal realtime bijgewerkt terwijl je je browservenster van formaat wijzigt.
Belangrijkste functies
- Detecteer schermresolutie en viewportgrootte direct
- Toon device pixel ratio en beschikbare schermruimte
- Toon huidige oriëntatie (landscape of portrait)
- Responsieve breakpoint indicator (XS, SM, MD, LG, XL, XXL)
- Realtime updates terwijl je het browservenster van formaat wijzigt
- Geen installatie vereist, draait volledig in je browser
Toepassingen
- Controleer je schermresolutie en viewportgrootte voor webontwikkeling
- Verifieer welke responsieve breakpoint je layout momenteel target
- Test hoe je website reageert op verschillende venstergroottes
- Identificeer device pixel ratio voor high-DPI display testing
- Controleer snel schermoriëntatie tijdens responsief ontwerpwerk
screen
resolution
viewport
Veelgestelde vragen
Welke informatie toont de schermresolutie detector?
De tool toont je schermresolutie, viewportgrootte, device pixel ratio, beschikbare schermruimte, huidige oriëntatie (landscape of portrait) en de responsieve breakpoint waar je viewport in valt.
Wat is het verschil tussen schermresolutie en viewportgrootte?
Schermresolutie is de fysieke pixelafmetingen van je monitor (bijv. 1920x1080). Viewportgrootte is het zichtbare browservenstergebied, dat meestal kleiner is dan het volledige scherm door browserchrome, taakbalken en zoominstellingen.
Wat is device pixel ratio?
Device pixel ratio (DPR) is de verhouding tussen fysieke schermpixels en CSS-pixels. Een DPR van 2 betekent dat elke CSS-pixel 2x2 fysieke pixels gebruikt, wat gebruikelijk is op Retina- en high-DPI-schermen. Dit beïnvloedt het renderen van afbeeldingen en responsief ontwerp.
Hoe kan ik responsieve breakpoints testen?
De tool toont je huidige viewportbreedte en -hoogte in realtime. Wijzig het formaat van je browservenster om te zien hoe de afmetingen veranderen. Dit helpt identificeren welke CSS-breakpoints actief zijn bij verschillende venstergroottes.
Detecteert hij schermoriëntatie?
Ja. De tool toont of je scherm in portrait of landscape oriëntatie staat, wat vooral nuttig is bij het testen van responsieve layouts op mobiele apparaten of draaibare monitoren.