|
|
|
@ -44,22 +44,6 @@ |
|
|
|
z-index: 1000; /* Ensure it's on top of other elements */ |
|
|
|
z-index: 1000; /* Ensure it's on top of other elements */ |
|
|
|
} |
|
|
|
} |
|
|
|
</style> |
|
|
|
</style> |
|
|
|
|
|
|
|
|
|
|
|
<!-- <div id="screen-size-overlay"></div> --> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<script> |
|
|
|
|
|
|
|
const overlay = document.getElementById('screen-size-overlay'); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function updateScreenSize() { |
|
|
|
|
|
|
|
overlay.textContent = `Width: ${window.innerWidth}px, Height: ${window.innerHeight}px`; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// Update on initial load |
|
|
|
|
|
|
|
updateScreenSize(); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// Update on window resize (optional, but can be useful if the window size changes) |
|
|
|
|
|
|
|
window.addEventListener('resize', updateScreenSize); |
|
|
|
|
|
|
|
</script> |
|
|
|
|
|
|
|
</head> |
|
|
|
</head> |
|
|
|
|
|
|
|
|
|
|
|
<body> |
|
|
|
<body> |
|
|
|
|
