Tôi muốn có một trang web đơn giản hoạt động trên cả trình duyệt trên máy tính để bàn và thiết bị di động và gặp sự cố lạ (rookie): khi tôi có một bảng có văn bản cột độ dài khác nhau, kích thước phông chữ được hiển thị trong thiết bị di động khác nhau đáng kể. Bất kỳ ý tưởng tại sao điều này xảy ra và sửa chữa nhanh chóng và sạch sẽ là gì? Cảm ơn trước sự giúp đỡ của bạn!HTML/CSS: kích thước phông chữ bảng khác nhau trong thiết bị di động
Mã 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>
Renders ổn trên trình duyệt máy tính để bàn
Weird cỡ chữ trên trình duyệt của điện thoại di động (chrome emulator)
gì giả lập bạn đang đề cập đến? Điều này có vẻ là một lỗi trong trình mô phỏng thay vì bất kỳ thứ gì khác. –
Tôi đang sử dụng trình giả lập trên thiết bị di động của Google Chrome và không phải là lỗi --- tôi thấy hiệu ứng dựng hình tương tự trên điện thoại thông minh của mình (và đó là lý do tôi đặt ra để khắc phục). –
Bạn đúng, sự kỳ quặc này thực sự xảy ra trong Chrome trên Android (và thẻ 'meta' được đề xuất trong câu trả lời sửa lỗi này). –