Ծրագրավորման գործիքներ

CSS միավորների փոխարկիչ

CSS չափման միավորների արագ և ճշգրիտ առցանց փոխարկում px, rem, em, %, pt, vw և vh արժեքների միջև։

Գործարկել գործիքը

Այս առցանց գործիքը փոխարկում է թվային արժեքները CSS տարբեր չափման միավորների միջև՝ հիմք ընդունելով տառատեսակի բազային չափը և էկրանի տեսադաշտի չափսերը։ Գործիքը աշխատում է հարաբերական միավորների (em, rem, %, vw, vh) և բացարձակ միավորների (px, pt, cm, mm, in) հետ։ Փոխարկման գործընթացում ցանկացած մուտքային արժեք նախ վերածվում է պիքսելների, իսկ այնուհետև վերածվում ընտրված վերջնական միավորի։ Օրինակ, rem կամ em արժեքները բազմապատկում ենք տառատեսակի բազային չափով, իսկ տոկոսային արժեքը նախ բազմապատկում ենք բազային չափով և բաժանում հարյուրի։ Տեսադաշտի vw և vh միավորները հաշվարկվում են համապատասխանաբար տեսադաշտի լայնության և բարձրության հիման վրա։ Բացարձակ միավորները կիրառում են հաստատուն գործակիցներ. pt միավորի դեպքում մեկ կետը հավասար է մոտավորապես 1.33333 պիքսելի, դյույմի (in) համար՝ 96 պիքսելի, սանտիմետրի (cm) համար՝ 37.795 պիքսելի, իսկ միլիմետրի (mm) համար՝ 3.7795 պիքսելի։ Գործիքը կլորացնում է վերջնական թվային արժեքը և միջանկյալ պիքսելային մեծությունը մինչև չորս տասնորդական նիշ։ Եթե բազային չափը կամ տեսադաշտի չափսը նշված է զրո, հարաբերական հաշվարկների արդյունքում ցուցադրվում է 0։

Հրահանգներ

  1. Մուտքագրեք փոխարկման ենթակա թվային արժեքը «Արժեք» դաշտում (լռելյայն՝ 16)։
  2. Ընտրեք ելակետային չափման միավորը «Սկզբնական միավոր» ցանկից (օրինակ՝ px, rem, em կամ vw)։
  3. Ընտրեք նպատակային միավորը «Վերջնական միավոր» ցանկից։
  4. Անհրաժեշտության դեպքում կարգավորեք տառատեսակի բազային չափը (լռելյայն՝ 16 px) կամ տեսադաշտի պարամետրերը (1920x1080 px)։
  5. Սեղմեք «Փոխարկել» կոճակը և դիտեք ստացված արդյունքը արդյունքների դաշտում։

Օրինակներ

  • 16 px արժեքի փոխարկումը rem միավորի 16 px բազային չափի դեպքում ցուցադրում է 1.0 rem:
  • 192 px արժեքի փոխարկումը vw միավորի 1920 px տեսադաշտի լայնության դեպքում ցուցադրում է 10.0 vw:
  • 2 rem արժեքի փոխարկումը պիքսելների 16 px բազային չափի դեպքում ցուցադրում է 32.0 px:

ՀՏՀ

Ինչպե՞ս է կատարվում px-ից rem փոխարկումը։

Պիքսելային արժեքը բաժանում ենք տառատեսակի բազային չափի վրա (լռելյայն՝ 16 px)։ Օրինակ, 24 px / 16 px = 1.5 rem։

Ի՞նչ է տեղի ունենում, եթե բազային չափը սահմանված է 0։

Երբ բազային չափը զրո է, հարաբերական միավորների (em, rem, %) փոխարկման արդյունքը 0 է։

Ինչպե՞ս են հաշվարկվում vw և vh միավորները։

vw միավորի համար պիքսելային արժեքը բազմապատկում ենք 100-ով և բաժանում տեսադաշտի լայնության վրա, իսկ vh-ի դեպքում՝ բաժանում ենք տեսադաշտի բարձրության վրա։

Ներդնել այս գործիքը

Ստորև բերված կոդով ձեր կայքում ավելացրեք SmartPlusLab-ի աշխատող գործիքը։