REM (root em) คือหน่วย CSS ที่สัมพันธ์กับขนาดฟอนต์รากของเอกสาร โดยปกติ 16px เนื่องจากค่า rem ขยายตามการตั้งค่าฟอนต์ของเบราว์เซอร์ผู้ใช้ การออกแบบที่สร้างด้วย rem จึงคงการเข้าถึงและสัดส่วนในทุกอุปกรณ์ — ต่างจากค่าพิกเซลคงที่
ป้อนค่าพิกเซลเพื่อดูค่า rem ที่เทียบเท่า หรือพิมพ์ค่า rem เพื่อแปลงกลับ ปรับขนาดฟอนต์ฐานให้เข้ากับโปรเจกต์ของคุณ (บางระบบการออกแบบใช้ราก 10px หรือ 20px) ตารางครอบคลุมขนาดที่พบบ่อยที่สุด และการเปรียบเทียบภาพแสดงว่าทั้งสองหน่วยแสดงผลเหมือนกันที่ขนาดรากเดียวกัน
Frequently Asked Questions
Q: REM กับ EM ต่างกันอย่างไร?
REM กับ EM ต่างกันอย่างไร? rem สัมพันธ์กับขนาดฟอนต์ราก (html) เสมอ ส่วน em สัมพันธ์กับขนาดฟอนต์ขององค์ประกอบแม่ จึงสะสมในองค์ประกอบซ้อนกันในขณะที่ rem คงเส้นคงวา
Q: ทำไมต้องใช้ REM แทน PX?
ทำไมต้องใช้ REM แทน PX? REM ขยายตามการตั้งค่าการเข้าถึงของผู้ใช้ — ผู้ที่เพิ่มขนาดฟอนต์เบราว์เซอร์จะเห็นข้อความใหญ่ขึ้นทุกที่ PX คงที่และอาจทำลายเลย์เอาต์หรือการเข้าถึง แนวปฏิบัติสมัยใหม่คือใช้ rem สำหรับตัวพิมพ์และระยะห่าง
Q: ขนาดฟอนต์ฐานเริ่มต้นคือเท่าไร?
ขนาดฟอนต์ฐานเริ่มต้นคือเท่าไร? เบราว์เซอร์หลักทั้งหมดใช้ 16px = 1rem เป็นค่าเริ่มต้น ดังนั้นที่รากเริ่มต้น: 32px = 2rem, 8px = 0.5rem, 24px = 1.5rem
Q: ใช้ REM ใน media query ได้ไหม?
ใช้ REM ใน media query ได้ไหม? ได้ media query ที่เขียนด้วย rem ตอบสนองต่อการตั้งค่าฟอนต์ของผู้ใช้ ไม่ใช่แค่ความกว้างวิวพอร์ต — เป็นการปรับปรุงการเข้าถึงที่ละเอียดกว่าจุดพักแบบ px
Q: ต้องแปลงทุกค่าด้วยมือไหม?
ต้องแปลงทุกค่าด้วยมือไหม? ไม่ต้อง เครื่องมือบิลด์สมัยใหม่ (PostCSS, Tailwind) จัดการแปลงให้อัตโนมัติ ใช้เครื่องคำนวณนี้สำหรับแปลงครั้งเดียวอย่างรวดเร็วและตรวจสอบ CSS ที่เขียนมือ
สีไทย
จากสีธงไตรรงค์ถึงสีจีวรพระ สีไทยสะท้อนพุทธศาสนา พระมหากษัตริย์ และธรรมชาติเขตร้อน สีแต่ละสีมีความหมายเชิงสัญลักษณ์ที่ลึกซึ้งในวัฒนธรรมไทย
แดงธงชาติ #A51931สีแดงของธงไตรรงค์ — ชาติ ศาสนา พระมหากษัตริย์
ขาวธงชาติ #F4F5F8สีขาวของธง — ศาสนาและความบริสุทธิ์
น้ำเงินธงชาติ #2D2A4Aสีน้ำเงินของธง — พระมหากษัตริย์
เหลืองทอง #FFD700สีทองของวัดและพระบรมมหาราชวัง
เขียวใบไม้ #228B22ความอุดมสมบูรณ์ของธรรมชาติเมืองร้อน
ชมพูบัว #F4A0B5ดอกบัวสีชมพู — สัญลักษณ์ของพุทธศาสนา
ส้มจีวร #FF7F00สีจีวรของพระสงฆ์ — ความเรียบง่ายและการละวาง
ฟ้าน้ำทะเล #00A3AFท้องทะเลอันดามันและอ่าวไทย
ม่วงอัญชัน #6A4C93สีของดอกอัญชัน — ใช้ย้อมขนมไทยโบราณ
เขียวมรกต #50C878สีพระแก้วมรกต — พระพุทธรูปศักดิ์สิทธิ์
Q: สีธงชาติไทยมีสีอะไรบ้าง?
สีธงชาติไทยมีสีอะไรบ้าง? ธงไตรรงค์ประกอบด้วย แดง (#A51931) หมายถึงชาติ, ขาว (#F4F5F8) หมายถึงศาสนา, และน้ำเงิน (#2D2A4A) หมายถึงพระมหากษัตริย์
Q: สีจีวรพระคือสีอะไร?
สีจีวรพระคือสีอะไร? สีจีวรของพระสงฆ์ไทยเป็นสีส้มอมเหลือง (#FF7F00) หรือสีแก่นขนุน สื่อถึงความเรียบง่าย สันโดษ และการละวางทางโลก