在变量中存储屏幕的宽度以及如何在html和css中使用它

what i want is to build a very flexible site for personal use. Actually, i have this in my browser. enter image description here This will be my start page. The problem is that i have set a container at a width of 70%. How exactly can i set the font-size and the gaps between the words to an x% of the width of the container?I think the answer is relative to the javascript but can i have a little help?Thanks

I believe this is actually more of a css issue with a little javascript/jquery. This should help you to achieve what you are aiming for: http://css-tricks.com/resolution-specific-stylesheets/

You should really be able to solve this with CSS, but if you want to go really dirty with js and php, here is what you could do.

Your first page should include only a jquery function which retrieves the screen resolution and sync sends it to a php script over GET or POST ajax. The script than saves the resolution to $_SESSION. Once you have the resolution data on the server, redirect the browser to the real page. Your real page should have a dynamically outputed CSS, for example style.php. In this php you should return the correct header saying that it is a stylesheet file (mime) and then output your css with values calculated from the resolution you have in your session.

Ok this is my immagination and you probably shouldn't do this, because it is ugly and has a ton of overhead.