px-დან rem და em-ში კონვერტერი
გადაიყვანეთ მნიშვნელობები px, rem და em ერთეულებს შორის თქვენი საკუთარი ძირეული და კონტექსტური შრიფტის ზომების გამოყენებით — შეცვალეთ ნებისმიერი ველი და დანარჩენი ორი განახლდება წერისას.
| px | rem |
|---|---|
| 8 | 0.5 |
| 12 | 0.75 |
| 14 | 0.875 |
| 16 | 1 |
| 18 | 1.125 |
| 20 | 1.25 |
| 24 | 1.5 |
| 32 | 2 |
| 40 | 2.5 |
| 48 | 3 |
ყოველი კონვერტაცია სრულდება თქვენს ბრაუზერში. თქვენ მიერ შეყვანილი მონაცემები BroBroGo-ზე არ იტვირთება.
ხშირად დასმული კითხვები
რა განსხვავებაა px, rem და em ერთეულებს შორის?
px არის ფიქსირებული სიგრძე. rem იზომება გვერდის ძირეული (root) შრიფტის ზომის მიმართ, ამიტომ 16px ბაზის შემთხვევაში, 1rem უდრის 16px-ს. em იზომება იმ ელემენტის შრიფტის ზომის მიმართ, რომელშიც ის მდებარეობს. ზომებისა და დაშორებების rem-ში მითითება საშუალებას იძლევა ყველაფერი მასშტაბირდეს, როდესაც მომხმარებელი ცვლის ბრაუზერის ნაგულისხმებ შრიფტის ზომას.
რატომ არსებობს ცალკე em კონტექსტური ზომა?
em დამოკიდებულია საკუთარი ელემენტის შრიფტის ზომაზე, რომელიც ყოველთვის არ ემთხვევა ძირეულს. მიუთითეთ em კონტექსტი ამ ელემენტის შრიფტის ზომის შესაბამისად, რათა სწორად გამოითვალოს em მნიშვნელობა, და დატოვეთ იგი ძირეულის ტოლფასი, როდესაც ისინი ერთმანეთს ემთხვევა.
რა მოხდება, თუ ჩემი ძირეული შრიფტის ზომა არ არის 16px?
შეცვალეთ ძირეული (root) შრიფტის ზომის ველი თქვენი CSS-ის შესაბამისად და ყოველი rem მნიშვნელობა მყისიერად განახლდება. ქვემოთ მოცემული სწრაფი ცხრილი მოსახერხებელი გზამკვლევია სტანდარტული 16px ბაზისთვის, რომლითაც საიტების უმეტესობა იწყებს მუშაობას.