Path: csiph.com!fu-berlin.de!uni-berlin.de!individual.net!not-for-mail
From: Arno Welzel <usenet@arnowelzel.de>
Newsgroups: comp.lang.javascript
Subject: Re: HTML, Javascript scalable viewport?
Date: Sun, 26 Apr 2020 23:27:50 +0200
Lines: 32
Message-ID: <hgmcmmFlk6tU1@mid.individual.net>
References: <01902b92-8961-434f-afc5-f297a5914cc3@googlegroups.com>
Mime-Version: 1.0
Content-Type: text/plain; charset=utf-8
Content-Transfer-Encoding: 8bit
X-Trace: individual.net c6RVQRdDn6LA10w8wW1S4w49SvJ5OQ+Zj7L9wy/8Xxt197jqOx
Cancel-Lock: sha1:P1VqJYNgvNtsZ/PxviqO1adR154=
In-Reply-To: <01902b92-8961-434f-afc5-f297a5914cc3@googlegroups.com>
Xref: csiph.com comp.lang.javascript:38377

Jonas Thörnvall:

> Is there any example page where one can see scalable examples of HTML, Javascript?

Nearly every website which uses "responsive design".

For example my own site: <https://arnowelzel.de/en/>

> Is it possible to write something that scale even form elements?

Yes.

> https://www.w3schools.com/css/css_rwd_viewport.asp
> 
> Could i use viewport to scale something like my sequenser, to different resolutions or does it not work with forms?
> 
> https://midisequenser.000webhostapp.com/

First of all you need to define sizes relative to the viewport and not
with absolute values. The second thing is to tell the browser that you
want to use the viewport *without* scaling so you get the real size of
it and can adapt to it if needed like here:

<https://arnowelzel.de/en/tools/monitor-test>

<https://arnowelzel.de/en/projects/example-for-webgl>



-- 
Arno Welzel
https://arnowelzel.de