کوچیک کردن قلب؟!

تا دوستانی که تخصص دارن بیان و راهنمایی کنن ، فعلا من موردی را که به نظرم می رسه، بهش اشاره می کنم شاید بهتون کمک کنه:  (البته اگر درست متوجه سوالتون درباره resize  شکل قلب شده باشم)

در موارد اینچنینی، شاید بهتر باشه از واحد های نسبی مثل em استفاده شود به جای واحد های مطلق مثل  px ، تا هنگام تغییر اندازه مجبور نباشیم تمام مقادیر را تغییر بدیم و  بتونیم با حداقل تغییر، کل مجموعه را تغییر داد.

مثلا اینجا، اگربه جای مقادیری که با واحدpx تعیین شده اند (مقادیر مربوط به width, height, left و همچنین border-radius ) از واحد  em استفاده شود، بعدا با تغییر مقدار font-size عنصر، می توان شکل قلب را کوچک یا بزرگ کرد .

در این نمونه  مقادیر مورد نظر تبدیل شده اند و شما با تغییر مقدار font-size برای عنصر heart# می تونید تا حدودی قلب را کوچک یا بزرگ کنید بدون اینکه شکلش بهم بریزه و تغییر کنه.