1. Εισαγωγή τιμής
Πληκτρολογήστε έναν αριθμό στο πεδίο εισαγωγής. Μπορείτε να χρησιμοποιήσετε τελεία ή κόμμα.
Vw σε px
Αυτός ο μετατροπέας υπολογίζει άμεσα. Εισάγετε μια τιμή και το αποτέλεσμα εμφανίζεται αμέσως.
Loading tool editor...
Πότε χρειάζεστε: Vw σε px?
Η μονάδα CSS vw ισούται με 1 % του πλάτους viewport. Σε οθόνη 1920px: 1vw = 19,2px, 50vw = 960px, 100vw = 1920px.
Το vw χρησιμοποιείται συχνά για ρευστή τυπογραφία: font-size: clamp(1rem, 2.5vw, 2rem).
Όλοι οι υπολογισμοί εκτελούνται τοπικά στον browser σας.
Πώς να χρησιμοποιήσετε τον μετατροπέα;
2. Ανάγνωση αποτελέσματος
Το αποτέλεσμα εμφανίζεται αμέσως στο διπλανό πεδίο – χωρίς κλικ.3. Αντιγραφή ή αντιστροφή
Κάντε κλικ στο Αντιγραφή ή χρησιμοποιήστε το κουμπί Αντιστροφή.
Πότε είναι χρήσιμος αυτός ο μετατροπέας;
Responsive διατάξεις
Τμήματα πλήρους οθόνης: width: 100vw, height: 100vh.Fluid typography
Κλιμακούμενοι τίτλοι: font-size: clamp(2rem, 5vw, 4rem).Mobile first
Τα margins και paddings σε vw κλιμακώνονται με την οθόνη.Web ανάπτυξη
Ελέγξτε πόσα px αντιστοιχεί ένα vw σε συγκεκριμένη συσκευή.
Τι κάνει αυτόν τον μετατροπέα ξεχωριστό;
Πλήρης ιδιωτικότητα
Όλοι οι υπολογισμοί γίνονται τοπικά στον browser σας. Κανένα δεδομένο δεν στέλνεται σε server.Αποτελέσματα σε πραγματικό χρόνο
Το αποτέλεσμα ενημερώνεται αμέσως καθώς πληκτρολογείτε – χωρίς κουμπί.Αμφίδρομη μετατροπή
Το κουμπί Αντιστροφή σας επιτρέπει να μετατρέψετε και προς τις δύο κατευθύνσεις.Πίνακας αναφοράς
Ένας έτοιμος πίνακας με συχνά μετατρεπόμενες τιμές και περιγραφές.
Πώς λειτουργεί η μετατροπή;
Ο τύπος είναι: px = vw × πλάτος_viewport / 100.
Σε viewport 1920px: 1vw = 19,2px. Σε 1280px: 1vw = 12,8px. Σε 375px (iPhone): 1vw = 3,75px.
Σχετικές μονάδες: vh = 1% ύψους viewport, vmin = 1% μικρότερης διάστασης, vmax = 1% μεγαλύτερης διάστασης.
Πρακτικές συμβουλές
- Το 100vw περιλαμβάνει το πλάτος scrollbar. Χρησιμοποιήστε width: 100% για πλάτος περιεχομένου χωρίς scrollbar.
- Ρευστή τυπογραφία: font-size: clamp(1rem, 2.5vw, 2rem) περιορίζει ελάχιστο και μέγιστο μέγεθος.
- Συνηθισμένα viewports: 375px (iPhone), 768px (iPad), 1280px (laptop), 1920px (desktop).
- Το vw επανυπολογίζεται κατά αλλαγή μεγέθους παραθύρου. Το CSS calc() λειτουργεί με vw: width: calc(100vw - 2rem).
vw at different viewport widths
| vw value | At 1920px | At 375px (mobile) |
|---|---|---|
| 1vw | 19.2px | 3.75px |
| 10vw | 192px | 37.5px |
| 50vw | 960px | 187.5px |
| 100vw | 1920px | 375px |
| 2.5vw (font) | 48px | 9.4px |
At 1920px
- 1vw
19.2px - 10vw
192px - 50vw
960px - 100vw
1920px - 2.5vw (font)
48px
At 375px (mobile)
- 1vw
3.75px - 10vw
37.5px - 50vw
187.5px - 100vw
375px - 2.5vw (font)
9.4px
Μετατρέψτε άλλες μονάδες σε px
Εξερευνήστε άλλους μετατροπείς μονάδων
Συχνές ερωτήσεις
Βοηθήστε μας να βελτιώσουμε τα εργαλεία μας
Έχετε μια ιδέα, βρήκατε ένα σφάλμα ή θέλετε να προτείνετε μια λειτουργία; Γράψτε μας – απαντάμε εντός 24 ωρών.