Elementor מה ההבדל בין יחסי הגודל באלמנטור

[דוד זקס]

לאלמנטור יש כמה יחסי גודל.PX, EM, REM, VW. מישהו יכול להסביר מה הם, מה המעלות והחסרונות של כל אחד?
PX אני כבר יודע שזה פיקסלים והחסרון הוא ברספונסיביות שהטקסט ישאר בגודל שלו ללא התייחסות לגודל המסך.

 

[עילום]

כל הם יחדות מידה של CSS ....

CSS Units

W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

www.w3schools.com

המדריך המלא ליחידות מידה רספונסיביות ב-CSS

מדריך שיעשה לכם סדר בנוגע ליחידות מידה רספונסיביות ב-CSS. מהו rem? במה הוא שונה מ-em? מתי נשתמש ב-vw ועוד.

www.codebrain.co.il

פונטים וגדלי פונטים » קומפיוטק - פתרונות אינטרנט לעסקים

www.computec.co.il

ולקינוח מההדרכה של אלמנטור:

What's The Difference Between PX, EM, REM, %, VW, And VH?

What's the difference between px, em, rem, %, vw, and vh? Each unit has its own advantages and disadvantages, and the best unit to use depends on the specific situation.

elementor.com

יש עוד:

הגדרות אזורים, עמודות ואלמנטים - קואליטי ווב - Kuality Web

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

www.kualityweb.co.il

יחידות הקסם VH ו VW - Rachel BT

משך זמן קריאה: 4 דקותאז מה הן בעצם היחידות המוזרות האלו? כבר התרגלנו לפיקסלים (px) ול EM , ל REM ולאחוזים אבל מאיפה הגיעו לעולם vh ו vw? ובכן – vw הוא יחידה המציינת את רוחב התצוגה (view width) והכוונה כמובן לרוחב הדפדפן (viewport) ו view height הוא גובה המסך אם מצויין vh. למה אנחנו צריכים עוד...

www.rachelbt.co.il

ובדרך ראיתי תוסף מעניין
מי רוצה לנסות

Microthemer Lite – Visual Editor to Customize CSS

A visual editor to customize the CSS styling of anything on your site - from Google fonts to responsive layouts.

he.wordpress.org

בהצלחה רבה