כיצד לחשב פיקסלים באחוזים עבור עיצוב

כיצד לחשב פיקסלים באחוזים עבור עיצוב.

שלב 1

קבע את גודל הגופן שבו תרצה להשתמש. זכור שרוב דפדפני האינטרנט יקבעו מראש את גודל הטקסט שלך ל -16 פיקסלים אם לא תכריז על גודל.

שלב 2

קח את גודל הטקסט שאתה רוצה להשתמש בפיקסלים ולחלק את המספר 16. לדוגמה, אם אתה רוצה להשתמש בגופן של 24 פיקסלים, היית מחלק 24 על 16 כדי לקבל 1.5.

שלב 3

הכפל את המספר שקיבלת ב -100 וזה אחוזך. אחוז הגופן של 24 פיקסלים ב- CSS יהיה 150%.

שלב 4

השתמש "font-size: 150%" (גודל פונט: 150%) בתוך משתנה פסקה HTML כדי להגדיר את הגופן באמצעות אחוז.