ตระกูลฟอนต์ด้านบนและด้านล่างแพดดิ้งต่างกันในโครเมียมและ Firefox

ฉันใช้แบบอักษรเว็บ 'Shruti' และแสดงผลต่างกันใน Chrome และ Firefox

รูปภาพที่เพิ่มเข้ามาใช้สำหรับกล่องข้อความและสิ่งเดียวกันนี้ใช้กับองค์ประกอบอื่น ๆ เช่นกัน ฉันได้ลองใช้การเติมใน pixel/em แล้ว แต่ก็เหมือนเดิมอีกครั้ง

วิธีแก้ไขปัญหาระยะห่างแบบอักษร (แนวตั้ง) ในเบราว์เซอร์ทั้งหมดเพื่อความสอดคล้องกัน ป้อนคำอธิบายรูปภาพที่นี่

ป้อนคำอธิบายรูปภาพที่นี่


html fonts css
person Shashank Bhatt    schedule 09.02.2017    source แหล่งที่มา

คำตอบ (1)


arrow_upward
0
arrow_downward 

:-moz-placeholder { /* Firefox 18- */
line-height:10px;
}
::-moz-placeholder {  /* Firefox 19+ */
   line-height:10px;
}

:-ms-input-placeholder {  
   line-height:10px;
}

ลองเพิ่มสิ่งนี้ลงในโค้ด CSS ของคุณ ซึ่งจะช่วยให้คุณปรับความสูงของบรรทัดของตัวยึดตำแหน่งสำหรับ Firefox เท่านั้นเพื่อให้ดูเหมือนใน Chrome

เปลี่ยน 10px สำหรับสิ่งที่คุณต้องการ

เกี่ยวกับองค์ประกอบอื่นๆ คุณควรโพสต์ตัวอย่างพร้อมโค้ดของคุณ

person KAMA    schedule 09.02.2017
comment
แต่นั่นจะตั้งค่าเฉพาะตัวยึดตำแหน่งสำหรับข้อความในกล่องข้อความคืออะไร - person Shashank Bhatt; 09.02.2017
comment
@-moz-document url-prefix() { เนื้อความ { ขนาดตัวอักษร: 100%; } } ใช้ได้กับฉันในการกำหนดเป้าหมาย Firefox หากเป็นสิ่งที่ทำให้คุณเกิดปัญหา - person KAMA; 09.02.2017
comment
ในข้อความของ Firefox จะยังคงจัดกึ่งกลางในแนวตั้ง แต่สำหรับ Chrome ข้อความจะเลื่อนขึ้นในแนวตั้ง - person Shashank Bhatt; 09.02.2017
comment
ถึงกระนั้น มันควรจะเหมือนเดิม ถ้าคุณใช้ความสูงของเส้นเพื่อจัดตำแหน่งอย่างถูกต้องใน Chrome ฉันเดาว่ามันจะลดลงใน Firefox ใช้กฎนั้นที่ฉันเพิ่งโพสต์เพื่อนำมันกลับไปยังตำแหน่งที่ถูกต้องใน Firefox ทำ นั่นสมเหตุสมผลเหรอ? - person KAMA; 09.02.2017