how do you make text expandable in the browser

how do you make text expandable in the browser, it was my understanding that you use em's inside a % div. See the attached file. what am I doing wrong.
expandType.html
designaireAsked:
Who is Participating?

Improve company productivity with a Business Account.Sign Up

x
 
Dave BaldwinConnect With a Mentor Fixer of ProblemsCommented:
Your file works fine for 'zoom' in standard browsers.  For 'media queries', you have to add something to the file to handle them.  Here http://www.w3.org/TR/css3-mediaqueries/ is the 'official' word and 'media queries' is not official yet, requires HTML5, and is part of CSS3.  So your target audience browsers have to understand HTML5 and CSS3.  This article has more info: http://www.alistapart.com/articles/responsive-web-design/
0
 
Dave BaldwinFixer of ProblemsCommented:
I looked at your file but I don't know what you mean by 'expanding text'.
0
 
designaireAuthor Commented:
Type that scales with the browser. Get's larger and smaller.
0
Get 10% Off Your First Squarespace Website

Ready to showcase your work, publish content or promote your business online? With Squarespace’s award-winning templates and 24/7 customer service, getting started is simple. Head to Squarespace.com and use offer code ‘EXPERTS’ to get 10% off your first purchase.

 
Dave BaldwinFixer of ProblemsCommented:
Your file appears to work fine in Firefox to zoom larger and smaller.  Where is it not working?
0
 
s8webCommented:
Yep, looks good in Chrome too.
0
 
designaireAuthor Commented:
The type doesn't change size, I thought you could make the actual type scale. The box around it does and it fills in the box but the size of the type doesn't change. I'm using firefox.
0
 
Dave BaldwinFixer of ProblemsCommented:
The type size does change in Firefox 11 on my computer.
0
 
designaireAuthor Commented:
I need to use media queries
0
 
Dave BaldwinFixer of ProblemsCommented:
What does that mean and what does it have to do with your original question?
0
 
designaireAuthor Commented:
The text needs to shrink with different settings, through media queries. Media queries have different browser widths and you can change the css for that width. In the css you change the size of the text. Text doesn't shrink in percentages like images can, I thought i could.
0
 
s8webCommented:
I don't see any media queries in your attached file.
0
 
designaireAuthor Commented:
That's what I was trying to say. I have the alistapart book. For some reason I thought the text could expand to moblie size without media queries.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.