JavaScript/CSS: How to resize (scale) window content

Question

Is there any way to scale window content with javascript and/or CSS 2 ? Im looking for something similiar to CSS 3 - transform:scale(x,y). Lets say that I have a div, filled with some text and with fixed width/height. When I change the size of my browser window, div will resize but the text will not change its size. I want the text to squeeze just like it does in CSS 3 which unfortunately is not supported by my browser.

Thanks in advance for your time.

I can't answer you on this one :( Im working with some kind of a decoding device with dedicated built-in browser. The only thing I know is that it supports JS and CSS 2. — Kamil N.
– Kamil N., Commented Jan 17, 2012 at 12:17

Fabrizio Calderan · Accepted Answer · 2012-01-17 13:18:16Z

2

use mediaqueries: https://developer.mozilla.org/en/CSS/Media_queries

depending on the size of the browser window you can define several css rules, in particular use max/min-width query

edited Jan 17, 2012 at 13:18

answered Jan 17, 2012 at 13:12

Fabrizio Calderan

124k26 gold badges171 silver badges183 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Kamil N. Over a year ago

Thanks. Mediaqueries seems to be the best solution for my problem right now.

Collectives™ on Stack Overflow

JavaScript/CSS: How to resize (scale) window content

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related