ผมติดปัญหาเกี่ยวกับ layout เวลาเปิดผ่านบราวเซอร์ safari

ผมอยากทราบวิธีเเก้ไขครับ ว่ามันต้องเขียน config เพิ่มหรือเปล่า หรือต้องไปปรับอะไรตรงไหน

ตัวอย่างนะครับ จากรูป โดยที่รูปแรกเป็นรูปที่ถูกต้องครับ สังเกตุได้จากเส้นสีเเดง มีขนาดเท่ากับ 3px เเสดงใน pc เเต่พอไปเปิดใน mac กลับเเสดงรูปเเบบตามรูปที่ 2 โดยที่ขนาดของเส้นสีเเดงเท่ากับ 1px ครับ

css
Code (PHP)

.title-section .line {
    display: inline-block;
    padding-bottom: 10px !important;
    padding-right: 5px;
    border-bottom: 3px solid #D9000D;
}

รูปแรก


รูปที่สอง

CSS ค่าเปลี่ยนแปลงที่มันนิดๆหน่อยๆอย่าไปสนใจกับมันมากเลยครับ ทุก Browser มี Unique เฉพาะตัว ไม่ว่าจะเป็น IE,Microsoft Edge,Safari หรือแม้กระทั้ง Opera แค่ให้มันใกล้เคียงก็พอแล้วครับ
สิ่งที่สำคัญคือเน้นไปที่ processing system ให้มันถูกต้องมันจะดีกว่าครับ