เปลี่ยนมิเตอร์เป็นหน่วยความกว้างของช่องมองภาพได้ภายในพริบตา.

การออกแบบเว็บไซต์มักต้องแลกมาด้วยความแม่นยำและความยืดหยุ่น เมื่อคุณเคยลองแปลงหน่วยวัดทางกายภาพใดๆ ที่เป็นมิลลิเมตรเป็นหน่วยดิจิทัลที่ตอบสนองต่อขนาดหน้าจอที่แตกต่างกัน คุณจะรู้ว่ามันค่อนข้างยุ่งยาก ตัวแปลง MM เป็น VW ของเราก็สามารถช่วยแก้ปัญหานี้ได้.

นี่เป็นเครื่องคิดเลขบนเว็บที่ใช้งานง่าย ซึ่งจะแปลงมิลลิเมตร (มม.) เป็นความกว้างของช่องมองภาพ (vw) ได้ทันที ช่วยให้นักออกแบบเว็บ นักพัฒนาเว็บ และนักออกแบบอินเทอร์เฟซผู้ใช้สามารถสร้างเว็บไซต์ที่ตอบสนองได้อย่างสมบูรณ์แบบ ซึ่งสามารถปรับขนาดได้อย่างสวยงามบนทุกบอร์ด.

ตัวแปลง MM เป็น VW คืออะไร?

มันเป็นเครื่องมือขนาดเล็กและมีประสิทธิภาพ ตัวแปลง MM เป็น VW ที่จะแปลงหน่วยทางกายภาพ (มิลลิเมตร) ให้เป็นหน่วยการออกแบบเว็บสัมพันธ์ที่มีประสิทธิภาพ (ความกว้างของช่องมองภาพ).

กล่าวอีกนัยหนึ่ง ช่วยให้คุณสามารถแปลงการวัดในโลกแห่งความเป็นจริงเป็นสัดส่วนดิจิทัล ซึ่งจะขยายหรือลดขนาดลงโดยอัตโนมัติเป็นหน้าต่างในหน้าจอหรือเว็บเบราว์เซอร์.

มันมาเพื่อความสะดวกสบายโดยเฉพาะอย่างยิ่งเมื่อคุณต้องการพัฒนาวัตถุซึ่งจะต้องมีสัดส่วนทางสายตาในลักษณะเดียวกันบนเดสก์ท็อป แท็บเล็ต และอุปกรณ์พกพา.

การรับรู้ของหน่วย MM และ VW.

จำเป็นต้องมีแนวคิดว่าหน่วยเหล่านี้คืออะไรและแตกต่างกันอย่างไรก่อนที่จะพยายามแปลงหน่วย.

มิลลิเมตร (MM) คืออะไร?

มิลลิเมตร (mm) คือหน่วยความยาวแบบเมตริก มีขนาดเล็กถึง 1 ใน 1,000 ของเมตร (ใช้กันอย่างแพร่หลายในการออกแบบทางกายภาพ การพิมพ์ และการผลิต) เพื่อการวัดที่แม่นยำ.

โดยทั่วไป นามบัตรทั่วไปอาจมีความกว้างได้ถึง 90 มม. และเมื่อเข้าสู่เว็บไซต์ มิลลิเมตรไม่ได้เป็นสัดส่วนโดยตรงกับขนาดหน้าจอ (เนื่องจากขนาดและความละเอียดของหน้าจอแต่ละจอแตกต่างกัน).

ความกว้างของช่องมองภาพ (VW) คืออะไร?

VW (Viewport Width) เป็นแอตทริบิวต์ CSS สัมพันธ์ที่ใช้ระหว่างการออกแบบเว็บ.

1 VW คือความกว้างที่เท่ากับความกว้างของหน้าต่างเบราว์เซอร์ (เปอร์เซ็นต์).

ตัวอย่างเช่น:

• บนหน้าจอกว้าง 1920 พิกเซล 1 VW = 19.2 พิกเซล.
• VW หนึ่งเครื่องมีหน้าจอโทรศัพท์มือถือกว้าง 375 พิกเซล.

ซึ่งหมายความว่าหน่วย VW เป็นสิ่งที่แน่นอนที่จะรับประกันว่าองค์ประกอบของคุณจะปรับขนาดโดยอัตโนมัติตามหน้าจอของผู้ชม ซึ่งเป็นเหตุผลที่หน่วยเหล่านี้ตอบสนองต่อการออกแบบ.

สูตรการแปลง MM เป็น VW

กระบวนการแปลงมิลลิเมตรเป็น VW ขึ้นอยู่กับพิกเซลที่สร้างช่องมองภาพ รวมถึงจำนวนพิกเซลต่อนิ้ว (DPI หรือ PPI) สูตรทั่วไปของการแปลงคือ:

VW=(MM×96 / 25.4×ความกว้างช่องมองภาพ (เป็นพิกเซล)​)×100

ที่ซึ่ง:

• 96 = ความหนาแน่นพิกเซลหน้าจอ (96 DPI)
• 25.4 = มม./นิ้ว.
• ความกว้างของช่องมองภาพ = ความกว้างของหน้าต่างเบราว์เซอร์บวกกับความกว้างของแถวทั้งหมด.

สูตรนี้ใช้เพื่อให้แน่ใจว่าคุณใช้มิลลิเมตรซึ่งเป็นเปอร์เซ็นต์ของช่องมองภาพ.

ตัวอย่าง: การแปลง MM เป็น VW

เราจะยกตัวอย่างสั้นๆ.

ตัวอย่าง:

คุณจะต้องการเล่น 10 มม. ใน VW บนหน้าจอกว้าง 1920 พิกเซล.

โดยใช้สูตรดังนี้:

VW = ( 10 × 96 / 25.4 × 1920 ) × 100

วีดับบลิว = ( 960 / 48768 ) × 100 

โฟล์คสวาเกน ≈ 1.97 โฟล์คสวาเกน

ดังนั้น, 10 มม. ≈ 1.97 VW บนหน้าจอ 1920 พิกเซล.

ซึ่งหมายความว่าหากคุณเขียน width: 1.97vw ส่วนประกอบของคุณใน CSS จะมีขนาดเทียบเท่ากับขนาด 10 มม. บนจอแสดงผลนั้น.

การประยุกต์ใช้งาน MM to VW Converter.

ตัวแปลงฟลูออโรสโคป MM เป็น VW ของเรามีการออกแบบที่เรียบง่าย เพื่อให้ได้ผลลัพธ์ในระยะสั้น ควรปฏิบัติตามขั้นตอนต่อไปนี้:

ขั้นตอนที่ 1: ไปที่ค่ามิลลิเมตร.

พิมพ์จำนวนความยาวที่คุณต้องการเปลี่ยนในช่องมิลลิเมตร (MM).

ตัวอย่างหนึ่งคือการป้อน 15 เมื่อส่วนประกอบการออกแบบของคุณคือ 15 มม.

ขั้นตอนที่ 2: เลือกหรือพิมพ์ความกว้างของช่องมองภาพ.

ป้อนขนาดพิกเซลที่คุณต้องการให้ช่องมองภาพของคุณเป็น (มิฉะนั้นค่าเริ่มต้นจะเป็น 1920 สำหรับเดสก์ท็อป 1366 สำหรับแล็ปท็อป หรือ 375 สำหรับอุปกรณ์พกพา).

เพื่อให้แน่ใจว่าการแปลงของคุณไปถึงหน้าจอที่ถูกต้อง.

ขั้นตอนที่ 3: คลิกแปลง

ค่า VW ที่สอดคล้องกันจะถูกคำนวณโดยอัตโนมัติและเปิดเผยในฟิลด์เอาต์พุตด้วยความช่วยเหลือของตัวแปลง.

ขั้นตอนที่ 4: คัดลอกผลลัพธ์

ควรวางค่า VW ไว้ในโค้ด CSS ของคุณ เช่น:

• ความกว้าง: 2.5vw;

องค์ประกอบการออกแบบของคุณจะเข้ากันได้กับอุปกรณ์ต่างๆ แล้ว.

ตารางการแปลง MM เป็น VW (ช่องมองภาพ 1920 พิกเซล)