โซลูชันการประมวลผลแบบอักษรขนาดเล็กของ Google Chrome คือแบบอักษรต่ำกว่า 12px

ความคิดเห็น: Google Chrome ไม่รองรับแบบอักษรขนาดเล็กต่ำกว่า 12px คุณสามารถค้นหาออนไลน์เพื่อหาวิธีแก้ปัญหาที่ดี เพื่อนที่สนใจสามารถอ้างถึงได้ ฉันหวังว่ามันจะเป็นประโยชน์กับทุกคน

นอกจากนี้ยังมีบทความบางส่วนบนอินเทอร์เน็ตที่บอกว่าคุณสามารถใช้:

-webkit-text-size-adjust: ไม่มี;

อย่างไรก็ตามตั้งแต่ Chrome 27 การสนับสนุนสำหรับแอตทริบิวต์นี้ได้ถูกยกเลิก

เรามีวิธีอื่นในการแก้ปัญหานี้หรือไม่?

Google Chrome รองรับการปรับขนาด CSS ดังนั้นเราจึงสามารถสร้างบทความเกี่ยวกับเรื่องนี้:

-webkit-transform: สเกล (0.5);

เนื่องจากการรองรับขั้นต่ำคือ 12px จึงปรับขนาดด้วย 12px เป็นจุดพื้นฐาน

ในเวลาเดียวกันคุณสามารถใช้ -webkit-transform-Origin-X: 0; เพื่อแก้ปัญหาการกระจัดของขอบซ้ายหลังการปรับขนาด:

.test_tag {

ขนาดตัวอักษร: 12px;

-webkit-transform-Origin-X: 0;

-webkit-transform: สเกล (0.5833333333333333333344444);

-

วิธีการคำนวณค่าสเกลคือ: 7/12 = 0.58333333333333333333344