Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>hope this would be helpful <a href="http://jsfiddle.net/adtVP/40/" rel="nofollow">http://jsfiddle.net/adtVP/40/</a></p> <p>roadmap:</p> <ol> <li>read on short note on css tricks about <a href="http://css-tricks.com/fittext/" rel="nofollow"><code>fitText</code></a> plugin</li> <li>took Paul Irish's cross browser implementation for fixing <code>resize</code> event in different browsers</li> <li><p>switched from <code>px</code> to <code>em</code> (or any other relative values like %) on font sizes only here:</p> <pre><code>... h1 { font-size: .5em; width: 100%; } p { font-size: .2em; width: 100%; } ... </code></pre> <p>made bit modification to the way how fit text are called</p> <pre><code>$(".slides").fitText(); </code></pre></li> </ol> <p>this basically will update font size on a parent level element which will make effect for <code>em</code> based font of children, and this is the whole idea. </p> <p>also call the fit Text every time when window resized using snippet code from Paul.</p> <p>that's it, code it rough and needs to be cleaned and glanced but works.</p> <p>UPD: code from the github source for fitText is blocked in IE by mismatching mime type, and that caused problems. As a alternative solution you may just include source in your js file with correct type, and that will work.</p> <p>old <strong>IE not working</strong> example is here <a href="http://jsfiddle.net/adtVP/35/" rel="nofollow">http://jsfiddle.net/adtVP/35/</a> leave it here for the record, the new one above tested with IE Debug Toolbar down to 7 version, for sure it is not the same as a real browsers but so far so good.</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    3. VO
      singulars
      1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload