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

301

Intelligent

11 дек 2015 г., 5:11

Изменено

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

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

venom

11 дек 2015 г., 6:05

Люди берегите воду - пейте пиво...

Intelligent,

Html (+/-)

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

CSS (+/-)

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

        td {
            width: 64px;
        }

ramzes

11 дек 2015 г., 6:23

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

Intelligent

11 дек 2015 г., 15:51

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

Всего: 4

Фильтр по автору

Скачать тему

Правила форума

Качественный VDS хостинг