• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 147
  • 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
[Webinar] Improve your customer journey

A positive customer journey is important in attracting and retaining business. To improve this experience, you can use Google Maps APIs to increase checkout conversions, boost user engagement, and optimize order fulfillment. Learn how in this webinar presented by Dito.

 
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: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering 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