حل معالجة الخطوط الصغيرة من Google Chrome هو خطوط أقل من 12 بكسل

التعليق: لا تدعم Google Chrome الخطوط الصغيرة التي تقل عن 12 بكسل. يمكنك البحث عبر الإنترنت عن بعض الحلول الجيدة. يمكن للأصدقاء المهتمين الرجوع إليها. آمل أن يكون ذلك مفيدًا للجميع.

هناك أيضًا بعض المقالات على الإنترنت التي تقول أنه يمكنك استخدام:

-webkit-text-size-adjust: لا شيء ؛

ومع ذلك ، منذ Chrome 27 ، تم إلغاء دعم هذه السمة.

هل لدينا أي طرق أخرى لحل هذه المشكلة؟

يدعم Google Chrome تحجيم CSS ، حتى نتمكن من عمل مقالة حول هذا:

-webkit-transform: Scale (0.5) ؛

نظرًا لأن الحد الأدنى من الدعم هو 12 بكسل ، ثم قم بتوسيع نطاقه مع 12 بكسل كنقطة أساسية.

في الوقت نفسه ، يمكنك استخدام -webkit-transform-Origin-X: 0 ؛ لحل مشكلة إزاحة الهامش اليسرى بعد التحجيم:

.test_tag {

حجم الخط: 12 بكسل ؛

-webkit-transform-origin-x: 0 ؛

-webkit-transform: Scale (0.583333333333333333334) ؛

}

طريقة الحساب لقيمة المقياس هي: 7/12 = 0.5833333333333333333334