Meta viewport vs font size

Question

trên trang web của tôi có một đoạn mã sau vào phần:

<meta name="viewport" content="width=990"/> 

Điều này làm cho trang web của tôi hiển thị tốt trên các thiết bị di động (Tôi không thể sử dụng thiết bị width = chiều rộng vì chảy yếu tố có chiều rộng 100% - vít lên trang nặng). Tuy nhiên, có một tác dụng phụ. Trên một số trình duyệt, như IE Mobile 10, nó làm cho SOME phông chữ lớn hơn. Điều thú vị là, các yếu tố trên trang web của tôi đang sử dụng cùng một CSS ở khắp mọi nơi và chỉ một số trong số chúng được điều chỉnh bởi điều này. Tôi không biết tại sao lại thế.

Tôi có thể làm gì để ngăn trình duyệt mở rộng phông chữ và giữ cho pixel theo pixel giống như trên màn hình không? Thay đổi thẻ meta? Đặt một cái gì đó trong CSS để ngăn chặn điều đó?

Tôi đã tìm kiếm giải pháp trong một thời gian dài mà không có hiệu lực cho đến thời điểm này. Tôi sẽ đánh giá cao bất kỳ sự giúp đỡ nào về vấn đề đó.

Cảm ơn trước!

Answer 1

cố gắng để thêm video này vào cơ thể của bạn

-webkit-text-size-adjust: 100%; 
-moz-text-size-adjust: 100%; 
-ms-text-size-adjust: 100%; 
text-size-adjust: 100%; 

theo nguồn sau đây, điều này sẽ chỉ làm việc trên điện thoại IE nếu bạn loại bỏ các thẻ viewport. https://developer.mozilla.org/en-US/docs/Web/CSS/text-size-adjust