ViewPort Information

viewport-info.js

console.log("The Screen Width(these dimensions are measured in device pixels because they never change: they’re a feature of the monitor, and not of the browser.");

console.log("the browser width in css px is (no device pixel)" + window.innerWidth);
console.log("the browser width height in css ps is (no device pixel)" + window.innerHeight);
console.log("the layout viewport width in css px" + document.documentElement.clientWidth);
console.log("the layout viewport height in css px" + document.documentElement.clientHeight);
console.log("devicePixelRatio:"+window.devicePixelRatio)
console.log("the screen device width in dev px is " + screen.width);
console.log("the screen device height in dev px is " + screen.height);