Ширина ячейки в таблице с двумя параметрами

Как задать ширину ячейки в таблице, чтобы она была 64 пиксела в ширину и не больше 20% от всей длины экрана?

Например, на большом мониторе ячейка будет 64 пиксела, а на устройстве с маленьким дисплеем, если эти 64 пиксела будут превышать 20% общей длины, она уменьшится.

Intelligent,

<table>
    <tr>
        <td>ширина</td>
        <td>ширина</td>
        <td>ширина</td>
        <td>ширина</td>
        <td>ширина</td>
    </tr>
</table>

/* mobile */
        @media screen and (max-width: 768px) {
            tr td {
                width: 20%;
            }
        }

        td {
            width: 64px;
        }

{
width: 64px;
max-width: 20%;
}

Благодарю за ответы