ToolHub
เปิดเครื่องมือ

ตัวแปลงหน่วย CSS

แปลงระหว่างหน่วย CSS แบบเรียลไทม์: px, rem, em, pt, vw, vh และอื่นๆ

การแปลงรูปแบบ

เกี่ยวกับเครื่องมือนี้

ตัวแปลงหน่วย CSS แปลงระหว่างหน่วยความยาว CSS ทั่วไปทั้งหมด รวมถึง px, rem, em, pt, vw, vh, cm, mm, in และ % มีการตั้งค่าขนาดฟอนต์ฐานและขนาดวิวพอร์ตที่ปรับแต่งได้ แสดงผลการแปลงแบบเรียลไทม์ทุกหน่วยพร้อมกัน และตารางอ้างอิงขนาดทั่วไปเพื่อการค้นหาที่รวดเร็ว

คุณสมบัติหลัก

ดูตัวอย่าง

สถานการณ์การใช้งาน

css units converter

คำถามที่พบบ่อย

รองรับหน่วย CSS ใดบ้าง?

ตัวแปลงรองรับ px, rem, em, pt, vw, vh, cm, mm, in และ % คุณสามารถแปลงระหว่างสองหน่วยใดก็ได้ และดูผลลัพธ์ทุกหน่วยพร้อมกันในตารางหน่วยทั้งหมด

การแปลง rem และ em ทำงานอย่างไร?

การแปลง rem และ em ใช้ขนาดฟอนต์ฐานที่ปรับแต่งได้ ค่าเริ่มต้นคือ 16px คุณสามารถเปลี่ยนค่านี้ให้ตรงกับขนาดฟอนต์รูทของโปรเจกต์ของคุณ หน่วย em คำนวณจากขนาดฟอนต์ฐานเดียวกัน

หน่วยวิวพอร์ตคำนวณอย่างไร?

หน่วยวิวพอร์ต (vw และ vh) คำนวณจากค่าความกว้างและความสูงวิวพอร์ตที่ปรับแต่งได้ ค่าเริ่มต้นคือ 1920px และ 1080px ตามลำดับ คุณสามารถปรับค่าเหล่านี้ให้ตรงกับขนาดหน้าจอเป้าหมาย

สามารถคัดลอกผลลัพธ์การแปลงได้หรือไม่?

ได้ คลิกค่าผลลัพธ์ใดก็ได้เพื่อคัดลอกไปยังคลิปบอร์ด การแจ้งเตือนจะแสดงเมื่อคัดลอกสำเร็จ ฟังก์ชันนี้ใช้ได้ทั้งกับผลลัพธ์หลักและค่าแต่ละค่าในตารางหน่วยทั้งหมด

ตารางอ้างอิงทั่วไปคืออะไร?

ตารางอ้างอิงทั่วไปแสดงขนาดตัวพิมพ์มาตรฐาน (เช่น ข้อความเนื้อหา หัวเรื่อง และขนาด display) ในค่า px, rem และ pt ที่เทียบเท่ากัน ช่วยให้คุณค้นหาค่าที่เหมาะสมสำหรับรูปแบบการออกแบบทั่วไปได้อย่างรวดเร็วโดยไม่ต้องคำนวณด้วยมือ