Mopkoff-ka

Верно, дополнительно нужно указывать все эти свойства для input, textarea, button, select - эти элементы не наследуют значения шрифтов..

Вставьте <div></div> внутри ячейки и ему задайте ширину.
А ячейки в таблице будут понимать значения width только пока внутри мало контента, как только у Вас строчка удлинняется - ячейки сами себе ширину определяют.

Можете еще попробовать ширину экрана отлавливать, но это так себе способ.
Сделать 2 одинаковые ссылки и показывать без href="tel:" до ~700-800px и с ним на экранах меньше 700-800.

a:active, span:active { background: red }