Path: csiph.com!fu-berlin.de!uni-berlin.de!individual.net!not-for-mail From: Arno Welzel Newsgroups: comp.lang.javascript Subject: Re: Downscale browser content. Date: Sun, 27 Jun 2021 23:40:36 +0200 Lines: 47 Message-ID: References: <6af8fbf3-d85b-4522-8e1d-428fcb9825ccn@googlegroups.com> <08f42a2b-0d51-46b8-919f-40b1e3c67d88n@googlegroups.com> Mime-Version: 1.0 Content-Type: text/plain; charset=utf-8 Content-Transfer-Encoding: 8bit X-Trace: individual.net +PbuuQm2lI6B4VGLmpOTiA+jdJYNNmMzsQXeCTM0zW0BBiaU3V Cancel-Lock: sha1:DY+UflIkzTT2LcYYYONonnu6c10= In-Reply-To: <08f42a2b-0d51-46b8-919f-40b1e3c67d88n@googlegroups.com> Xref: csiph.com comp.lang.javascript:40265 Jonas Thörnvall: > söndag 27 juni 2021 kl. 17:31:28 UTC+2 skrev Jonas Thörnvall: >> söndag 27 juni 2021 kl. 14:10:33 UTC+2 skrev Arno Welzel: >>> Jonas Thörnvall: >>>> söndag 27 juni 2021 kl. 10:41:45 UTC+2 skrev Arno Welzel: >>>>> Jonas Thörnvall: >>>>>> Other then a browser zoom is there any script or API that can downscale the full content of browser "all elements". >>>>> You can use CSS transformations to scale the BODY element: >>>>> >>>>> Also see: >>>>> >>>>> >>>>> Example: >>>>> >>>>> Howerver - "all elements" needs to be calculated using JavaScript. There >>>>> is no method to tell the browser "scale as much as needed to show all >>>>> elements within the current viewport". >>> [...] >>>> Do this also apply to forms and HTML? >>> Well - I talked about CSS and refer to an example in HTML. >>> >>> Why don't you just try it on your own? >>> -- >>> Arno Welzel >>> https://arnowelzel.de >> It actually did, i will check it do all elements within the div even if canvas and other divs. > But it did not at least not without declare some div parent relationship? I just have to many elements divs forms canvas innerframes floating frame. > Thanks anyway. CSS scale transform of the HTML element will scale *everything* inside the HTML. Otherwise this wouldn't make sense at all. Usually applying this to BODY is suffficient as well. Just learn how to use your browser and the web developer tools of it and manually add the following CSS rule after you loaded a website: html { transform: scale(0.5); } This will scale *everything* to 50% of the original size - yes, also canvas elements and forms inside the document. -- Arno Welzel https://arnowelzel.de