Go Premium for a chance to win a PS4. Enter to Win

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 144
  • 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
What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

 
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

Featured Post

Free Tool: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

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