PX และ EM ทำไมต้องให้ต่างกัน

เคยสงสัยไหมครับว่า ทำไม px และ em จึงต้องมีพร้อมๆ กัน

ซึ่ง em ในที่นี้คือหน่วยของความกว้าง ความสูง นะครับ ไม่ใช่ em ที่มักใช้คู่ๆ ไปกับ span อย่าเพิ่งสับสน

ทำไมต้องมี em ??

เคยลองมั้ยครับ เวลาที่เราเข้าเว็บบางเว็บแล้วตัวหนังสือมันเล็ก แล้วเราอยากให้มันใหญ่ขึ้น แต่พอเราเข้าไปที่ Text Size ของ IE แล้วขยายยังไงมันก็ไม่ขึ้น แต่กลับบราวเซอร์ อื่นๆ มันก็ขยายตามความต้องการของเรา หรือจะย่อตัวหนังสือ มันก็ลดลงตามความต้องการ นั่นแหละครับ หน้าเพจนั้น ได้ถูกกำหนดขนาดตัวหนังสือด้วย px ไว้เรียบร้อยแล้ว

ยx ไม่เข้ากับ IE หรือ IE ไม่เข้ากับ px อันนี้ไม่อาจทราบได้ ว่าใครถูกใครผิด หรือใครต้องตามใคร แต่ที่แน่ๆ เราเป็นคนทำเว็บ เว็บนั้นสามารถขึ้นอยู่กับความต้องการของเราได้ IE คนใช้เยอะด้วยสิ แต่ถ้าเราคิดว่า กำหนดตัวหนังสือมห้มันขนาดนี้แหละ คนดูไม่ต้องขยายหรอก เราก็ยืนยันเลยครับ ใช้ px รับรอง ผู้ใช่ IE ขยายตัวหนังสือเราไม่ได้แน่ๆ แต่มันจะดีสำหรับคนผู้ใช้เว็บหรือเปล่าก็ไม่รู้ดิ เผื่อเขาอยากหาข้อมูล อ่านข้อมูลแบบสะดวกๆ ใหญ่ๆ

การแก้ไขที่จะทำให้ ผู้ใช้สามารถเปลี่ยนแปลงตัวหนังสือได้เองทุกๆ บราวเซอร์ จึงต้องหันมาอาศัยหน่าวเป็น em แทน เพื่อที่ผู้ใช้ไออี จะสามารถขยายตัวนังสืออ่านเองได้

คงหายสงสัยกันได้สักห้วงนึงนะครับ

สำหรับหน่วย em เมื่อเทียบกับ px ก็จะประมาณนี้ครับ

1em จะประมาณได้ที่ 16px ถ้าเราจะลด หรือเพิ่ม ก้อ ประมาณการหรือ ลุยทางคณิตศาสตร์กันเองเลยครับ บวก ลบ คูณ หาร ตามสะดวก

แต่ผมก็ยังใช้มันมั่วกันไป มั่วกันมาอยู่เลย