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-ը չափվում է էջի արմատային տառատեսակի չափի նկատմամբ, ուստի 16px արմատի դեպքում 1rem-ը հավասար է 16px-ի: em-ը չափվում է այն տարրի տառատեսակի չափի նկատմամբ, որում այն գտնվում է: Տեքստերի և տարածությունների չափսերը rem-ով սահմանելը թույլ է տալիս ամեն ինչ մասշտաբավորել, երբ ընթերցողը փոխում է բրաուզերի լռելյայն տառատեսակի չափը:
Ինչո՞ւ կա առանձին em կոնտեքստային չափ:
em-ը հարաբերական է իր սեփական տարրի տառատեսակի չափին, որը միշտ չէ, որ համընկնում է արմատայինի հետ: Սահմանե՛ք em կոնտեքստը տվյալ տարրի տառատեսակի չափին՝ em-ը ճիշտ հաշվարկելու համար, և պահե՛ք այն արմատայինին հավասար, երբ դրանք համընկնում են:
Ի՞նչ անել, եթե իմ արմատային տառատեսակի չափը 16px չէ:
Փոխե՛ք արմատային տառատեսակի չափի դաշտը Ձեր CSS-ին համապատասխան, և յուրաքանչյուր rem արժեք ակնթարթորեն կթարմացվի: Ստորև ներկայացված արագ աղյուսակը հարմար ուղեցույց է սովորական 16px արմատային չափի համար, որից սկսում են կայքերի մեծ մասը: