Skip to content

A web app that dynamically displays your viewport size and device pixel ratio. It's like having a real-time screen measurement tool in your browser!

Notifications You must be signed in to change notification settings

imamwahyudime/screen-size-info

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 

Repository files navigation

Screen Size Info

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.

Key Features:

  • 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.

Usage:

  • Option 1:
  1. Go to https://imamwahyudime.github.io/screen-size-info/
  2. Enjoy!
  • Option 2:
  1. Clone or download this repository.
  2. Open index.html in your web browser.
  3. 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.

About

A web app that dynamically displays your viewport size and device pixel ratio. It's like having a real-time screen measurement tool in your browser!

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages