Re: Downscale browser content.

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: Downscale browser content.
Date	Sun, 27 Jun 2021 23:40:36 +0200
Lines	47
Message-ID	<ijs9ikFia54U1@mid.individual.net> (permalink)
References	<c63056e0-3a28-4055-99b4-f1d67b7f8febn@googlegroups.com> <ijqru2F9p58U1@mid.individual.net> <6af8fbf3-d85b-4522-8e1d-428fcb9825ccn@googlegroups.com> <ijr85hFbso4U8@mid.individual.net> <cd406f3f-5eb7-4258-82aa-ee827e4dabe2n@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

Show key headers only | View raw

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: 
>>>>> <https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/scale()> 
>>>>>
>>>>> Example: <https://arnowelzel.de/samples/scale.html> 
>>>>>
>>>>> 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

Thread

Downscale browser content. Jonas Thörnvall <jonas.thornvall@gmail.com> - 2021-06-26 14:38 -0700
  Re: Downscale browser content. JJ <jj4public@gmail.com> - 2021-06-27 12:34 +0700
  Re: Downscale browser content. Arno Welzel <usenet@arnowelzel.de> - 2021-06-27 10:41 +0200
    Re: Downscale browser content. Jonas Thörnvall <jonas.thornvall@gmail.com> - 2021-06-27 02:17 -0700
      Re: Downscale browser content. Arno Welzel <usenet@arnowelzel.de> - 2021-06-27 14:10 +0200
        Re: Downscale browser content. Jonas Thörnvall <jonas.thornvall@gmail.com> - 2021-06-27 08:27 -0700
        Re: Downscale browser content. Jonas Thörnvall <jonas.thornvall@gmail.com> - 2021-06-27 08:31 -0700
          Re: Downscale browser content. Jonas Thörnvall <jonas.thornvall@gmail.com> - 2021-06-27 08:40 -0700
            Re: Downscale browser content. Arno Welzel <usenet@arnowelzel.de> - 2021-06-27 23:40 +0200
              Re: Downscale browser content. Jonas Thörnvall <jonas.thornvall@gmail.com> - 2021-06-27 16:01 -0700
                Re: Downscale browser content. The Natural Philosopher <tnp@invalid.invalid> - 2021-06-28 12:15 +0100
                Re: Downscale browser content. Arno Welzel <usenet@arnowelzel.de> - 2021-06-28 14:50 +0200

csiph-web