Một thời gian dài trở lại, tôi đọc a great article mô tả cách thức thân thiện với trình duyệt chéo với kích thước văn bản bằng cách sử dụng CSS. Chiến lược được mô tả là như vậy:Nhận kích thước phông chữ iPhone giống với các trình duyệt khác
body {
font-size:100%;
line-height:1.125em; /* 16×1.125=18 */
}
.bodytext p {
font-size:0.875em; /* 16x.875=14 */
}
.sidenote {
font-size:0.75em; /* 16x0.75=12 */
}
Chiến lược này hoạt động tốt trên mọi trình duyệt trừ Safari trên iPhone, mà luôn luôn có vẻ để phóng to bit nhất định của văn bản. Có chiến lược nào để ngăn chặn điều này xảy ra không?
Thông thường giải pháp của tôi là thêm -webkit-text-size-adjust: none;
để ngăn iPhone mở rộng kích thước văn bản, nhưng gần đây tôi đã truy cập this article, mô tả rằng nó không cho phép người dùng phóng to văn bản trên BẤT K Safari trình duyệt Safari - rõ ràng là một vấn đề. Tôi biết rằng có một giải pháp CSS chỉ có ở đó, nhưng tôi không thể tìm thấy nó. Tôi chỉ muốn biết làm thế nào tôi nên đi về thiết lập kích thước phông chữ để họ hiển thị như nhau trên tất cả các trình duyệt, bao gồm cả iPhone.
Cập nhật: Để hiển thị ví dụ, nếu bạn xem this trên iPhone, bạn sẽ nhận thấy rằng văn bản trong đoạn lớn hơn đáng kể so với phần còn lại của văn bản xung quanh trang web. Tại sao văn bản này được tách ra, và có cách nào mà tôi có thể nói chỉ bằng cách nhìn vào mã mà điều đó sẽ xảy ra?
Hãy nhớ rằng các tiêu chuẩn trợ năng có thể ngăn bạn hoàn toàn đạt được những gì bạn đang yêu cầu. Các kích thước phông chữ cố định là một cơn ác mộng đối với những người khiếm thị. – Rippo
Tôi không muốn kích thước phông chữ nhất thiết phải là "cố định", tôi chỉ muốn chúng hiển thị cùng kích thước theo mặc định. – Wex
Trong trường hợp đó, giải pháp duy nhất của bạn là sử dụng hình ảnh thay vì văn bản. Tôi nghĩ bạn đang hỏi điều không thể ở đây. – Rippo