VH/MM conversion VH/MM Converter Viewport to Millimeters Converter

The architects and the programmers often need to traverse the divide between the virtual and the real worlds – and this is what our VH to MM Converter can help do it. It is a simple yet efficient web-based tool that instantly converts values of the viewport height (VH) to the millimeters (MM) to get the precision needed in both responsive web design and print design.

It might be an e-site that the user can make to any size display or it might be a display on a real wall, either way, this converter would make sure that everything was of the same measure and that everything would fit.

VH (ความสูงของช่องมองภาพ) คืออะไร?

VH is a CSS unit abbreviated as Viewport Height that is 1/100 th of the height of the visible browser window. Using an example, screen height of 1000 pixels 1 VH will be 10 pixels.

VH units were necessary in the responsive web design because it allows the banners and hero sections or the background images to be dynamically resized to the size of the screen of the user. It is what makes VH the most effective in terms of ensuring your design is always balanced regardless of the size of the device be it mobile screens or ultra-wide monitors.

Example:

.hero {

  height: 100vh;

}

This snippet of CSS is employed with the aim of ensuring that your hero section will always occupy the entire screen.

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

MM or millimeter is a unit of measurement that is commonly used in print designing, packaging of a product and any other activity that requires physical dimension.

One centimeter equals 1/10 th of a millimeter or 1/1000 of a meter. Designers normally find it easier to use millimeters when creating print designs or posters or business cards and physical accuracy is critical.

The millimeters too are not relative to the screen as in VH, but they are absolute, meaning that they are the same on devices, mediums and formats.

VH to MM Conversion Formula

Since VH is relative to the viewport height, in order to get it in millimeters, one will have to know both the physical size of the screen, and its physical resolution (PPI). However where the 96 DPI display is used (as is the case with most devices) a rough formula can be used:

1 VH = 1.48 mm

The general conversion formula is, in line with it, as follows:

Millimeters (MM) = VH × 1.48

การแปลงตัวอย่าง

Assume that you have a 50 VH tall design element. In order to find out the millimeters corresponding:

50 VH × 1.48 = 74 mm

ดังนั้น, 50 VH = 74 mm approximately.

It is a quick method of visualizing the size of the actual online designs in real life situations, useful in converting online web sites to real things or scaling prototyping.

Use of the VH to MM Converter.

Our VH to MM Converter has been simplified and made very fast. It does not require any design program or any complex mathematics: simply follow the following steps:

ขั้นตอนที่ 1: ป้อนค่า VH

Put the number of VH units that you want to convert in the input box. On a case study, consider typing 20 where the height property of your CSS is height: 20vh;

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

The converter automatically calculates the quantity of in millimeters of your value upon entering it immediately, at the default rate of 1 VH = 1.48 MM.

ขั้นตอนที่ 3: ดูผลลัพธ์

The converted MM value will automatically be shown in the result box. You can also reverse convert, you can write in a value of millimeter and the device will show its equivalent of VH.

ขั้นตอนที่ 4: คัดลอกหรือใช้ซ้ำ

Copy the result into your CSS and make mockups or documentation to size your design in all platforms.

ตารางแปลง VH เป็น MM

A table of rapid reference conversions of the frequent conversions based on the equation 1 VH =1.48 MM is shown below.