px به rem
مبدلی که rem را از px برای اندازه rem مشخص محاسبه میکند تا اندازهگیری واکنشگرا شود
کلیدهای میانبر
محاسبه میکند و نتیجه محاسبه را کپی میکند.
نتیجه را محاسبه میکند.
نتیجه محاسبه را کپی میکند.
مبدل را به "REM به PX" معکوس میکند.
روی فیلد "پیکسل" فوکوس میکند.
روی فیلد "اندازه REM" فوکوس میکند.
افزونهها
FAQ
چگونه PX را به REM تبدیل کنیم؟
برای تبدیل px به rem، باید اندازه کل 1 REM را بدانید، پیشفرض 16px است سپس فرمول را اعمال کنید: px / rem برای مثال، با اندازه 1rem برابر 16px، 32px تبدیل میشود به: 32 / 16 = 2rem
فرمول تبدیل PX به REM چیست؟
px / rem
واحد rem چیست؟
REM نسبت به اندازه فونت عنصر ریشه تعریف میشود. عنصر ریشه با شبهکلاس :root یا انتخابگر html مطابقت داده میشود. بنابراین 1 REM مقداری را میگیرد که به font-size عنصر ریشه داده شده است. این یعنی 1 REM در سراسر کد CSS شما همان مقدار را حفظ میکند.
واحد px چیست؟ (پیکسل)
واحد پیکسل از نظر تئوری کوچکترین نقطهای است که روی صفحه نمایش کامپیوتر نمایش داده میشود. امروزه، واحد پیکسل میتواند بین وضوح فیزیکی و وضوح منطقی متفاوت باشد. این تفاوت را نسبت پیکسل دستگاه یا DPR مینامند: وضوح منطقی = وضوح فیزیکی / نسبت پیکسل دستگاه. بنابراین، صفحهنمایشی با وضوح فیزیکی 1024x768 و DPR برابر با 2، وضوح منطقی 512x384 خواهد داشت.
جدول تبدیل PX به REM اگر اندازه rem برابر 16px باشد
| px | rem |
|---|---|
| 10px | 0.625rem |
| 20px | 1.25rem |
| 30px | 1.875rem |
| 40px | 2.5rem |
| 50px | 3.125rem |
| 60px | 3.75rem |
| 70px | 4.375rem |
| 80px | 5rem |
| 90px | 5.625rem |
| 100px | 6.25rem |
| 110px | 6.875rem |
| 120px | 7.5rem |
| 130px | 8.125rem |
| 140px | 8.75rem |
| 150px | 9.375rem |
| 160px | 10rem |
| 170px | 10.625rem |
| 180px | 11.25rem |
| 190px | 11.875rem |
| 200px | 12.5rem |
| 210px | 13.125rem |
| 220px | 13.75rem |
| 230px | 14.375rem |
| 240px | 15rem |
| 250px | 15.625rem |
تبدیلهای بیشتر PX و REM
