HTML/CSS-ben hogy lehet állítani a táblázaton belüli szöveg nagyságát?

CSS:

.tablazat{

width: 100%;

font-size: 14px;

}

.tablazat th{

font-size: 16px;

font-weight: bold;

}

.tablazat .fontos{

color: red;

}

HTML:

<table class="tablazat">

<tr>

<th>Firstname</th>

<th>Lastname</th>

<th>Age</th>

</tr>

<tr>

<td>Jill</td>

<td>Smith</td>

<td>50</td>

</tr>

<tr>

<td>Eve</td>

<td><span class="fontos">Jackson</span></td>

<td>94</td>

</tr>

</table>

Mobilon nézed, ahol gond van?

A mobilok érdkesen kezelik a táblázatokat, és bennük a szöveg méreteket. Van ami apró, van ami hatalmas...

A viewport meta adatokkal lehet némileg normalizálni, de a legjobb ha elfelejted a táblázatott.