This is a bit of an odd project but I’m hoping I’ll find someone to help. Here is what I need:
I’m trying to find a way to increase the font size automatically as a webpage is resized and since there are currently no CSS properties to handle that I was hoping there would be a way to achieve that by using Javascript.
This is how I was think on approaching it. I will create a main div container on the page set to 100% height and width and a base font size of 10px. Inside this container I will place headings and paragraphs which font size will be determined using % and be relative to the container font size. For example H1 will be 100% of the 10px and <p> will be 20% of the 10px.
Now the tricky part. I need the JS to be able to be able to identify the containers size in pixels and change the font size value every time the container is resized. For example if the initial container size reads 1000×1000 the font is 10px, if the container is resized to 1200×1200 the font size value of the container becomes 12px and so on.
Please let me know if you are able to do this. I’m not looking to save money but I am extremely picky about the logic of the code and keeping it clean and simple. Quality is my number 1 priority.
REQUIREMENTS
1) The candidate should be a JS expert
2) Should have samples of code from other projects
PLEASE DO NOT APPLY IF YOU ARE A JS BEGINNER!!
Thanks