سلام وقت بخیر.
ببینید مقدار auto بر اساس میزان اندازه اون آیتم فضا میگیره اما fr براساس میزان فضای باقی مانده به اون آیتم فضا میده
فرضا من این مثال را دارم که 900px فضا هست
.container {
width: 900px;
display: grid;
grid-template-columns: auto 1fr;
}
و داخلش هم این محتوا باشه
<div>سلام</div>
<div>این یک متن طولانی است</div>
حالا شما در نظر بگیر که محتوا یا آیتم "سلام" که ستون اول هست فرضا نیاز به 100px داره توی این حالت که ستون اول auto هست همون 100px فضا را براش در نظر میگیره و ستون دوم که fr هست میزان فضای باقی مانده یعنی 800px را در نظر میگیره
پس auto اندازه مورد نیاز محتوا یا آیتم و fr هم تمام فضای باقیمانده
دانشجو 1193
درود بر جناب شیخ . در درس سوم css grid تفاوت بین auto و fr رو متوجه نشدم ظاهرا هر دو یک کار رو انجام میدن . فرقشون چی هست؟
علی شیخ
2 هفته پیش
سلام وقت بخیر.
ببینید مقدار auto بر اساس میزان اندازه اون آیتم فضا میگیره اما fr براساس میزان فضای باقی مانده به اون آیتم فضا میده
فرضا من این مثال را دارم که 900px فضا هست
و داخلش هم این محتوا باشه
حالا شما در نظر بگیر که محتوا یا آیتم "سلام" که ستون اول هست فرضا نیاز به 100px داره توی این حالت که ستون اول auto هست همون 100px فضا را براش در نظر میگیره و ستون دوم که fr هست میزان فضای باقی مانده یعنی 800px را در نظر میگیره
پس auto اندازه مورد نیاز محتوا یا آیتم و fr هم تمام فضای باقیمانده