Visualizzazione corretta dei font in un device mobile

[giustavalla]

Sto sviluppando un piccolo sito web dinamico che deve visualizzare il contenuto di alcuni record all'interno di una tabella.

<TABLE class='tabella'  ....

La classe tabella la definisco prima nel tag HEAD

<style>
 TABLE.tabella  { font-family: verdana; font-size: 30; color:black; font:''; font-style:normal; font-variant:normal; font-weight:normal }
</style>

Il dispositivo di output è sempre uno smartphone in modalità portrait o comunque un device mobile.
Orbene, succedono 2 cose strane:
1) vengono visualizzati 11 record alla volta su un device 480x854 pixel e riempono ottimamente lo schermo; su un device 480x800 viene visualizzato lo stesso numero di record ma in basso c'è spazio per ancora 2-3 record. Semmai dovrebbe essere il contrario, a rigor di logica.
2) un campo da visualizzare è di tipo MSAccess "memo". Se esso contiene dati da poter essere visualizzati in 2-3 righe tutto bene, ma se la quantità di dati è maggiore il font aumenta visibilmente (all'incirca il doppio). Per mettere le cose a posto utilizzo uno <SMALL> ma è un rimedio peggiore del buco perchè quando i dati sono pochi il font è microscopico.
Se il primo inconveniente è sopportabile non lo è il secondo.
Forse il mio primo approccio con il mobile non è corretto; come potrei rimediare ?
Grazie dell'attenzione

[Prill]

ciao, cos'è font-size:30? senza alcuna specificazione di un'unità di misura?

[giustavalla]

Mio errore !
Avevo constatato in una semplice pagina che la differenza fra "30pt" o "30px" o solo "30" erano minima se non nulla. Avevo quindi dedotto - sbagliando - che l'unità di misura si poteva anche tralasciare. E invece utilizzando "30pt" il secondo problema è del tutto risolto. Riguardo al primo devo ancora fare le opportune verifiche ma confido che anch'esso lo sia.
Grazie molte a "Prill"

[html5today]

Dovresti studiarti un po' di HTML per mobile: http://www.html.it/pag/19466/css-media-queries-le-basi/ e http://www.html.it/pag/33420/il-meta-tag-viewport/