מה זה יחס אלמנט ב-CSS ואיך להשתמש ב-aspect-ratio?
בפוסט הזה נלמד איך להגדיר את יחס הרוחב/גובה של אלמנט בעזרת aspect-ratio ב-CSS. נדבר על השימושים השונים של המאפיין ועל איך ליצור אלמנטים גמישים שיכולים לשמור על יחס קבוע, כמו ריבועים בגודל משתנה.
והיום הנושא שנריב עליו הוא יחס. אחח איזה מילה יפה שלא אומרת כלום. 😍 🙄 האם הכוונה ליחס של של סטודנטים מסוימים לנכדים של דמויות מרכזיות מהתנ"ך? (אנטישמי בעיקר) 😎 לא! 🙄 יחס של האו"ם - גוף עם שם שמתלבש על בורג. לעם חמוד במזרח התיכון? (אנטישמי בעיקר) 😎 לא! 🙄 בחייך מה כן?! 😎 יחס של אלמנט ביחס לעצמו! ואני לא מדבר על שיטה להעצמה אישית, חמלה עצמית והתחברות לתדר של הבריאה תחת מטריית רגש והגשמה. אז aspect-ratio הוא האפשרות לומר לאלמנט מה היחס שלו רוחב / גובה. דבר ששמיש במיוחד שאנחנו נותנים למשהו רוחב גמיש לפי הגודל של המסך לדוגמא: אחוזים. - אבל עדיין רוצים לתת גובה שווה כדי ליצור ריבוע מושלם. אני אישית חושב שזה קריא במיוחד. codepen:
ולמי שאוהב tailwind (אנטישמים): יש משהו קשור שנקרא size לא בדיוק שווה לזה אבל שווה להכיר. שנותן בהגדרה אחת גובה ורוחב שווים. עם ישראל חי! (לקרוא במבטא אמריקאי מוגזם בבקשה - זה הדבר הכי חמוד שאני מכיר).
שתף את המאמר
נכתב על ידי
Yosefus Flavius
מתכנת מוכשר בחסד עליון ככה אומרים עלי כולם - לפחות בפרצוף שלי, אני אוהב ומעולה בלטייל ולתכנן טיולים בעיקר במדינות מגניבות, ואני צלם חובב כבר מעל 10 שנים.
עקבו באינסטגרם