bonjour ,
j'ai besoin d'ajuster la fonte de texte automatiquement sur une zone fixe en responsive dont la hauteur doit rester fixe , avec du texte dont la longueur (nombre de caractère) va être variable
jusqu'à present je l'ai fait à la mode 'bourrin' mais je souhaiterais savoir si il n'existe pas une programmation plus sympa
j'ai du javascript dans une page html5
mon code :
Code :
- 'span.header_title@style': function (arg) {
- var temp_style = "font-size: 2.5vw;"
- if (arg.context.result.title.length > 30) {temp_style = "font-size: 2.2vw;";}
- if (arg.context.result.title.length > 35) {temp_style = "font-size: 2.1vw;";}
- if (arg.context.result.title.length > 41) {temp_style = "font-size: 1.9vw;";}
- if (arg.context.result.title.length > 44) {temp_style = "font-size: 1.7vw;";}
- if (arg.context.result.title.length > 51) {temp_style = "font-size: 1.5vw;";}
- if (arg.context.result.title.length > 57) {temp_style = "font-size: 1.3vw;";}
- return temp_style;
- },
- ......
- <div class="header_detail">
- <table>
- <tr>
- <td id="header_td">
- <a href="javascript:ouvre_prefered_page()" id="li_home_left" data-tip-detail_home="prefered page" style="height: 43px; width: 8%; left: -4%;" ></a>
- <span class="header_title" ></span>
- <img src="pictures/icon/year.png" style="position:relative; top: -0.1vw; width: 2.2vw; vertical-align: baseline;" alt="year"/>
- <span class="header_year" ></span>
- <span class="header_id" ></span>
- <img src="pictures/icon/duration.png" style="position:relative; top: -0.1vw; left: -10px; width: 2.2vw" alt="duration"/>
- <span class="header_runtime" ></span>
- <span class="header_text"> </span>
- <a href="#"><img title="watched" class="watched" style="width: 2.1vw;" src="./pictures/watched.png" onclick="" alt="watched"/></a>
- <span class="country" title="country" ></span>
- <img class="channels" src="./pictures/icon/empty.png" alt="no audio channels"></img>
- </td>
- </tr>
- </table>
- </div>
|
merci de vos conseils
FORUM HardWare.fr
