This repository contains a simple HTML page that dynamically displays the screen's width, height, and device pixel ratio (DPR). It updates the displayed information in real-time as the browser window is resized.
- Real-time Updates: The screen size information is updated dynamically whenever the browser window is resized.
- Clear Display: The width, height, and DPR are clearly displayed in a user-friendly format.
- Simple Implementation: The code uses basic HTML, CSS, and JavaScript, making it easy to understand and modify.
- Option 1:
- Go to https://imamwahyudime.github.io/screen-size-info/
- Enjoy!
- Option 2:
- Clone or download this repository.
- Open
index.html
in your web browser. - Enjoy!
The page will display the current screen size and DPR, and update the values as you resize the window. This tool is useful for web developers who need to test their designs on different screen sizes and pixel densities.