• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 149
  • Last Modified:

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
0
designaire
Asked:
designaire
  • 5
  • 5
  • 2
1 Solution
 
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
 
Dave BaldwinFixer of ProblemsCommented:
Your file appears to work fine in Firefox to zoom larger and smaller.  Where is it not working?
0
Ultimate Tool Kit for Technology Solution Provider

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy now.

 
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
 
Dave BaldwinFixer 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
 
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.

Join & Write a Comment

Featured Post

Ultimate Tool Kit for Technology Solution Provider

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy now.

  • 5
  • 5
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now