Blasma

viewport width

Classic

List

Threaded

8 messages Options

fschmidt

viewport width

Administrator

Hugo, I want a simple web page that dynamically shows the width of the viewport.

Hugo <Nabble>

Re: viewport width

You can build a blank HTML page with a piece of javascript like this:

window.onresize = function() { document.write(window.outerWidth + '<br/>') }

fschmidt

Re: viewport width

Administrator

doesn't work

h.html

Hugo <Nabble>

Re: viewport width

Improved version:

<!DOCTYPE html>
<html>
	<head>
		<meta name="viewport" content="width=device-width, initial-scale=1">
	</head>
	<body>
                <script>
                        function p() { document.body.innerText = window.outerWidth + 'px'; }
                        window.onresize = p;
                        p();
                </script>
	</body>
</html>

fschmidt

Re: viewport width

Administrator

thanks, closing

fschmidt

Re: viewport width

Administrator

Why did you use outerWidth instead of innerWidth?

Hugo <Nabble>

Re: viewport width

In that simple page it doesn't matter, the value is the same. But innerWidth is probably the right choice for you, since the idea is to check how much horizontal space is available for the page.

fschmidt

Re: viewport width

Administrator

thanks, closing