Groups | Search | Server Info | Keyboard shortcuts | Login | Register [http] [https] [nntp] [nntps]

Groups > comp.lang.javascript > #33513 > unrolled thread

Different size text depending on size of screen

Back to article view | Back to comp.lang.javascript

Contents

  Different size text depending on size of screen bit-naughty@hotmail.com - 2017-06-09 08:44 -0700
    Re: Different size text depending on size of screen "Dave \"Crash\" Dummy" <invalid@invalid.invalid> - 2017-06-09 14:12 -0400
      Re: Different size text depending on size of screen "Dave \"Crash\" Dummy" <invalid@invalid.invalid> - 2017-06-09 14:23 -0400
        Re: Different size text depending on size of screen Jukka Lahtinen <jtfjdehf@hotmail.com.invalid> - 2017-06-12 12:57 +0300
          Re: Different size text depending on size of screen "Dave \"Crash\" Dummy" <invalid@invalid.invalid> - 2017-06-12 09:47 -0400
    Re: Different size text depending on size of screen Ben Bacarisse <ben.usenet@bsb.me.uk> - 2017-06-09 19:34 +0100
      Re: Different size text depending on size of screen "Dave \"Crash\" Dummy" <invalid@invalid.invalid> - 2017-06-09 16:33 -0400

#33513 — Different size text depending on size of screen

Hi, not sure if this group or the CSS group is the right one, but:
If the browser window is Bigger, I'd like the same text my website has, displayed - Bigger! ie. proportional to the size of the screen, just like a PDF file. How do I pull this off?


Thanks.

[toc] | [next] | [standalone]

#33516

bit-naughty@hotmail.com wrote:
> Hi, not sure if this group or the CSS group is the right one, but: If
> the browser window is Bigger, I'd like the same text my website has,
> displayed - Bigger! ie. proportional to the size of the screen, just
> like a PDF file. How do I pull this off?

<script type="text/javascript">
fs=0.05; 'desired proportional font size
document.body.style.fontSize=fs*screen.height;
</script>

-- 
Crash

Life is short. Eat dessert first.

[toc] | [prev] | [next] | [standalone]

#33517

Dave "Crash" Dummy wrote:
> bit-naughty@hotmail.com wrote:
>> Hi, not sure if this group or the CSS group is the right one, but:
>> If the browser window is Bigger, I'd like the same text my website
>> has, displayed - Bigger! ie. proportional to the size of the
>> screen, just like a PDF file. How do I pull this off?
> 
> <script type="text/javascript"> fs=0.05; 'desired proportional font
> size document.body.style.fontSize=fs*screen.height; </script>

Oops! I'm used to working in VBScript. The comment string should be set
off with double slash, not single quote:

<script type="text/javascript">
fs=0.05; //desired proportional font size
document.body.style.fontSize=fs*screen.height;
</script>
-- 
Crash

All this time I thought my analyst was saying I'm psychic...

[toc] | [prev] | [next] | [standalone]

#33522

"Dave \"Crash\" Dummy" <invalid@invalid.invalid> writes:
> Dave "Crash" Dummy wrote:
>> bit-naughty@hotmail.com wrote:
>>> Hi, not sure if this group or the CSS group is the right one, but:
>>> If the browser window is Bigger, I'd like the same text my website
>>> has, displayed - Bigger! ie. proportional to the size of the

> <script type="text/javascript">
> fs=0.05; //desired proportional font size
> document.body.style.fontSize=fs*screen.height;
> </script>

Not good. The *screen* size is irrelevant, use the window size instead.

-- 
Jukka Lahtinen

[toc] | [prev] | [next] | [standalone]

#33523

Jukka Lahtinen wrote:
> "Dave \"Crash\" Dummy" <invalid@invalid.invalid> writes:
>> Dave "Crash" Dummy wrote:
>>> bit-naughty@hotmail.com wrote:
>>>> Hi, not sure if this group or the CSS group is the right one, but:
>>>> If the browser window is Bigger, I'd like the same text my website
>>>> has, displayed - Bigger! ie. proportional to the size of the
> 
>> <script type="text/javascript">
>> fs=0.05; //desired proportional font size
>> document.body.style.fontSize=fs*screen.height;
>> </script>
> 
> Not good. The *screen* size is irrelevant, use the window size instead.

Perhaps, but the OP specifically asked for "proportional to the size of 
the screen."
-- 
Crash

I'm not archaic, I'm retro!

[toc] | [prev] | [next] | [standalone]

#33518

bit-naughty@hotmail.com writes:

> Hi, not sure if this group or the CSS group is the right one, but: If
> the browser window is Bigger, I'd like the same text my website has,
> displayed - Bigger! ie. proportional to the size of the screen, just
> like a PDF file. How do I pull this off?

If you can rely on CSS3 it's a CSS issue.  Look at the size units that
are relative to the size of the initial containing block -- vh, vw, vmin
and vmax.

-- 
Ben.

[toc] | [prev] | [next] | [standalone]

#33519

Ben Bacarisse wrote:
> bit-naughty@hotmail.com writes:
> 
>> Hi, not sure if this group or the CSS group is the right one, but:
>> If the browser window is Bigger, I'd like the same text my website
>> has, displayed - Bigger! ie. proportional to the size of the
>> screen, just like a PDF file. How do I pull this off?
> 
> If you can rely on CSS3 it's a CSS issue.  Look at the size units
> that are relative to the size of the initial containing block -- vh,
> vw, vmin and vmax.

Excellent! Much better solution for a web page, where scripting might be
blocked. The only drawback is possible incompatibility with older
browsers. Minor note. The CSS3 solution doesn't seem to work with
Windows 10 HTA pages.
-- 
Crash

"The real question is not whether machines think but whether men do."
~ B. F. Skinner ~

[toc] | [prev] | [standalone]

Back to top | Article view | comp.lang.javascript

csiph-web