የpx ወደ rem እና em መቀየሪያ
የራስዎን root እና አውድ የጽሑፍ መጠኖች በመጠቀም በpx, rem እና em መካከል ይቀይሩ — ማንኛውንም ሳጥን ሲያስተካክሉ ሌሎቹ ሁለቱ ሲጽፉ ይዘመናሉ።
እሴቶች
የተለመዱ px → rem (በ16px መነሻ)
| 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 root ላይ 1rem ከ16px ጋር እኩል ይሆናል። em የሚለካው ከሚገኝበት ኤለመንት የጽሑፍ መጠን አንጻር ነው። የጽሑፍ እና የክፍተት መጠኖችን በrem ማድረግ አንባቢው ነባሪ የጽሑፍ መጠኑን ሲቀይር ሁሉም ነገር አብሮ እንዲያድግ ያስችላል።
ለምን የተለየ የem አውድ (context) መጠን አስፈልገ?
em የሚለካው ከራሱ ኤለመንት የጽሑፍ መጠን አንጻር ነው፣ ይህም ሁልጊዜ root ላይሆን ይችላል። emን በትክክል ለማስላት የem አውድ (context) በዚያ ኤለመንት የጽሑፍ መጠን ላይ ያድርጉት፣ እና ሁለቱ እኩል ሲሆኑ ደግሞ ከroot ጋር እኩል ያድርጉት።
የእኔ root የጽሑፍ መጠን 16px ካልሆነስ?
ከCSS ኮድዎ ጋር እንዲዛመድ የroot font size ሳጥኑን ይቀይሩ፣ በዚህ ጊዜ እያንዳንዱ የrem እሴት ወዲያውኑ ይዘመናል። ከታች ያለው ፈጣን ሰንጠረዥ አብዛኛዎቹ ድረ-ገጾች ለሚጀምሩበት የተለመደው 16px root ጠቃሚ መመሪያ ነው።