Я хотел бы иметь простой веб-сайт, который работает как на настольном, так и на мобильном браузере, и столкнулся с странной (новичкой) проблемой: когда у меня есть таблица, тексты столбцов которой имеют разную длину, размер шрифта, отображаемый на мобильном устройстве, резко отличается. Любая идея, почему это происходит, и что такое быстрое и чистое исправление? Заранее благодарим за помощь!
Код HTML:
<!DOCTYPE html>
<html>
<head>
<style>
body {
font-family: Verdana, Geneva, Arial, sans-serif;
font-size: medium;
}
table, td {
border: 1px solid black;
}
</style>
</head>
<body>
<table>
<tr>
<td>Short text. Short text</td>
<td>Some long text. Some long text. Some long text. Some long text. Some long text. Some long text. Some long text. Some long text. Some long text. Some long text. Some long text. Some long text. Some long text. Some long text. Some long text. Some long text. Some long text. Some long text. </td>
</tr>
</table>
</body>
</html>
В браузере рабочего стола отображается хорошо
Странный размер шрифта в мобильном браузере (хром-эмулятор)