در CSS Grid، واحد “fr” یک واحد اندازه گیری منعطف طراحی سایت میباشد که به گسترش دهندگان اذن میدهد تا اندازه تراک های کانال (ستون ها و ردیف ها) را به روشی انعطاف پذیر مشخص و معلوم نمایند. واحد “fr” مخفف “fraction” میباشد و برای گزینش نسبت فضای جان دار که هر مسیر کانال می بایست اشغال نماید استعمال میشود. از جمله، درصورتی که می‌خواهید یک طرح کانال ۳ ستونی ساخت نمایید که ردیف اولیه 1/3 فضای جانور و دو ردیف دیگر 2/3 فضای ما‌نده را اشغال نمایند، میتوانید از کد پایین استعمال فرمایید:
.grid-container {
display: grid;
grid-template-columns: 1fr 2fr 2fr;
}
در‌این نمونه، ردیف اولیه روی 1fr تهیه و تنظیم شد‌ه‌است، به‌این معنا که 1/5 از تک تک فضای جانور را اشغال می نماید. (چون 5 واحد مجموع وجود دارااست – 1fr + 2fr + 2fr = 5fr). دو ردیف دیگر روی 2fr تهیه و تنظیم گردیده اند، به‌این مضمون که هریک 2/5 از آحاد فضای جان دار را اشغال می نمایند.
واحد “fr” به ویژه برای ساخت طرح بندی های کانال ای انعطاف پذیر و واکنشگرا که با اندازه های ورقه اکران و گونه های دستگاه های گوناگون سازگار میباشد، اثر گذار میباشد. با معلوم کردن مسیرهای کانال با به کارگیری از واحدهای «fr»، گسترش دهندگان می توانند طرح بندی هایی تولید نمایند که به طور اتوماتیک با فضای جانور تهیه می شوند، در حالی که ساختار ثابتی را محافظت می نمایند.
دقت بدین نکته حائض اهمیت میباشد که واحد “fr” در تمامی مرورگرها، به ویژه مرورگرهای دیرین، پناه نمیشود. با این اکنون در مرورگرهای امروزی حفاظت میشود و مجموعاَ یک واحد اندازه گیری ایمن و قابل پشت گرمی برای ساخت و ساز طرح بندی های کانال ای انعطاف پذیر و واکنشگرا در حیث گرفته میگردد.
در CSS Grid، واحد “fr” یک واحد اندازه گیری منعطف طراحی سایت میباشد که به گسترش دهندگان اذن میدهد تا اندازه تراک های کانال (ستون ها و ردیف ها) را به روشی انعطاف پذیر مشخص و معلوم نمایند. واحد “fr” مخفف “fraction” میباشد و برای گزینش نسبت فضای جان دار که هر مسیر کانال می بایست اشغال نماید استعمال میشود. از جمله، درصورتی که می‌خواهید یک طرح کانال ۳ ستونی ساخت نمایید که ردیف اولیه 1/3 فضای جانور و دو ردیف دیگر 2/3 فضای ما‌نده را اشغال نمایند، میتوانید از کد پایین استعمال فرمایید:
.grid-container {
display: grid;
grid-template-columns: 1fr 2fr 2fr;
}
در‌این نمونه، ردیف اولیه روی 1fr تهیه و تنظیم شد‌ه‌است، به‌این معنا که 1/5 از تک تک فضای جانور را اشغال می نماید. (چون 5 واحد مجموع وجود دارااست – 1fr + 2fr + 2fr = 5fr). دو ردیف دیگر روی 2fr تهیه و تنظیم گردیده اند، به‌این مضمون که هریک 2/5 از آحاد فضای جان دار را اشغال می نمایند.
واحد “fr” به ویژه برای ساخت طرح بندی های کانال ای انعطاف پذیر و واکنشگرا که با اندازه های ورقه اکران و گونه های دستگاه های گوناگون سازگار میباشد، اثر گذار میباشد. با معلوم کردن مسیرهای کانال با به کارگیری از واحدهای «fr»، گسترش دهندگان می توانند طرح بندی هایی تولید نمایند که به طور اتوماتیک با فضای جانور تهیه می شوند، در حالی که ساختار ثابتی را محافظت می نمایند.
دقت بدین نکته حائض اهمیت میباشد که واحد “fr” در تمامی مرورگرها، به ویژه مرورگرهای دیرین، پناه نمیشود. با این اکنون در مرورگرهای امروزی حفاظت میشود و مجموعاَ یک واحد اندازه گیری ایمن و قابل پشت گرمی برای ساخت و ساز طرح بندی های کانال ای انعطاف پذیر و واکنشگرا در حیث گرفته میگردد.
ری اکت کتابخانه هست یا فریم ورک؟