หน้าแรก พิกเซลเป็น rem
พิกเซลเป็น rem
ที่ฐาน 16, 16px คือ 1.0000 rem และ 15px คือ 0.9375 rem 1px หารด้วยฐาน 3 คือ 0.3333 เพราะทศนิยมตำแหน่งที่ห้าต่ำกว่า 5 ฐาน 0 จะหยุด
ทำไมจึงมี
หนึ่ง rem คือผลคูณของขนาดฐาน เมื่อฐานเป็น 16px, 1 rem คือ 16px และหน้านี้แสดงผลคูณนั้นถึงสี่ตำแหน่งทศนิยม
ตำแหน่งที่ห้าที่ต่ำกว่า 5 ไม่ยกขึ้น 0.33333… คือ 0.3333 และ 0.66666… คือ 0.6667
-
01วิธีใช้
ใน px เป็น rem ค่า 16 และฐาน 16 แสดง 1.0000
rem เป็น px คูณฐานเดียวกันกับค่า 1.5 และ 16 คือ 24.0000
คัดลอกวางจำนวนเดียวนั้นลงคลิปบอร์ด การล้างช่องจะซ่อนผล
-
02ตัวอย่างผล
ที่ฐาน 16, 16px คือ 1.0000, 15px คือ 0.9375 และ 1px คือ 0.0625
ที่ฐาน 3, 1px คือ 0.3333 และ 2px คือ 0.6667
ที่ฐาน 16, 1 rem คือ 16.0000px และ 1.5 rem คือ 24.0000px
ที่ใส่16px
16px, ฐาน 16 1.0000 rem 15px, ฐาน 16 0.9375 rem 1px, ฐาน 3 0.3333 rem 1.5 rem, ฐาน 16 24.0000 px -
03ควรรู้
การแปลงนี้ไม่อ่านขนาดตัวอักษรจริงขององค์ประกอบ มันใช้ตัวเลขในช่องฐาน
em ตามขนาดของตัวแม่ จึงต่างจาก rem ในหน้านี้ได้
ค่าติดลบและฐาน 0 จะหยุด จุลภาคถูกตัด ดังนั้น 1,000 คือ 1000
ปิดแท็บแล้วตัวเลขหาย ไม่มีอะไรส่งไปยังเซิร์ฟเวอร์
คำถาม
- Q16px เป็นกี่ rem
- Aที่ฐาน 16 คือ 1.0000 rem
- Qแล้ว 15px
- Aคือ 0.9375 rem 15÷16 จบพอดีที่ทศนิยมตำแหน่งที่สี่
- Q1px หารด้วย 3 เป็นเท่าไร
- Aคือ 0.3333 ตำแหน่งที่ห้าต่ำกว่า 5 จึงไม่ยกขึ้น
- Q1.5 rem เป็นกี่ px
- Aที่ฐาน 16 คือ 24.0000px
หน้านี้คำนวณอย่างไร
หน้านี้แปลง px และ rem ด้วยขนาดตัวอักษรฐาน px เป็น rem หารค่าด้วยฐาน ที่ฐาน 16, 16÷16 คือ 1.0000, 24÷16 คือ 1.5000, 10÷16 คือ 0.6250 และ 15÷16 คือ 0.9375 rem เป็น px คูณค่าด้วยฐาน ที่ฐาน 16, 1 rem คือ 16.0000px, 1.5 rem คือ 24.0000px และ 0.0625 rem คือ 1.0000px
ผลมีทศนิยมสี่ตำแหน่ง และตำแหน่งที่ห้าที่เป็น 5 ขึ้นไปจะปัดออกจากศูนย์ 1÷3 คือ 0.33333… จึงเป็น 0.3333 และ 2÷3 คือ 0.66666… จึงเป็น 0.6667 ค่าถูกนับเป็นส่วนหนึ่งหมื่นและฐานเป็นส่วนหนึ่งพัน ที่ฐาน 0.5, 16px คือ 32.0000 rem ฐาน 0 หารไม่ได้และจะหยุด
ค่าอยู่ระหว่าง 0 ถึง 100,000 ทศนิยมไม่เกินสี่ตำแหน่ง ฐานมากกว่า 0 ถึง 1,000 ทศนิยมไม่เกินสามตำแหน่ง ค่าติดลบและ 1,000.001 จะหยุด จุลภาคถูกตัด ดังนั้น 1,000 คือ 1000 การแปลงนี้ไม่อ่านขนาดตัวอักษรจริงขององค์ประกอบ มันใช้ตัวเลขในช่องฐาน em ตามขนาดของตัวแม่ จึงต่างจาก rem ในหน้านี้ได้ ตัวเลขถูกคำนวณในเบราว์เซอร์นี้เท่านั้นและไม่ถูกส่งไปยังเซิร์ฟเวอร์