Problema Font su google chrome mobile

[Davy96]

salve a tutti ,
come potete vedere già dal titolo ,quando cerco di vedere  il sito online sul mio smartphone con google chrome ,le scritte presenti nei div della prima pagina letteralmente "sballano",aumentando il font-size di molto e di conseguenza uscendo fuori dai margini ,disallineandosi!
Leggendo su google molti dicono che è fatto apposta dal browser per rendere più leggibile,da parte degli utenti il contenuto del pagine e consigliano di usare -webkit-text-size-adjust: 100% nel body per risolvere il problema ...
Chiaramente ho già provato,ma non funziona..siccome sto impazzendo da 2 giorni per trovare un soluzione qualcuno può darmi ,per favore,una mano nel disabiliare questo ingrandimento automatico.
Grazie in anticipo

questo è il div dove è presente il problema con il relativo css

#cas {width:650px;1px solid grey;height:100px;padding-left:4px;}
#casel{;width:500px;float:left;}
#img_div{float:right;font-align:center;}
#font_t{font-size:17px;-webkit-text-size-adjust: 100%;}
#font_i{font-size:16px;color:#006621;-webkit-text-size-adjust: 100%;}
#font_d{font-size:14px;-webkit-text-size-adjust: 100%;} 

<div id='cas'>            
<div id='casel'>             
<a id='font_t' href="#">asdxs</a>              
<div  id='font_i'></div>      
  <div  id='font_d'></div>          
 </div>"