我希望有一个简单的网站,能在桌面和移动浏览器上都能正常工作。但是遇到了一个奇怪(新手)问题:当我有一个列文本长度不同的表格时,在移动设备上渲染的字体大小会显著不同。你知道这是为什么吗?是否有快速且干净的解决方法?感谢您提前的帮助!
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>
在桌面浏览器上呈现良好
在移动浏览器上(Chrome模拟器)字体大小奇怪
meta
标签来解决这个问题)。 - Jukka K. Korpela