خانه / آموزش کامل CSS / آموزش کامل CSS – قسمت دهم: عرض حداکثر در المان ها
آموزش سی اس اس

آموزش کامل CSS – قسمت دهم: عرض حداکثر در المان ها

در این قسمت از آموزش css قصد داریم تا نحوه تغییر عرض در المان ها را بیان کنیم. همچنین در این قسمت یاد می گیریم که چگونه کاری کنیم که نمایش المان هایی با عرض زیاد در صفحه نمایش های کوچک تر مشکلی نداشته باشد. در واقع المان ها را ریسپانسیو می کنیم.

مثال زیر یک المان div را با عرض ثابت و غیر ریسپانسیو نشان می دهد:

اگر عرض مرورگر کمتر از ۵۰۰ پیکسل باشد صفحه اسکرول می خورد. برای رفع این مشکل باید از خاصیت max-width استفاده شود.با استفاده از این خاصیت در صورتی که عرض مرورگر کمتر از المان باشد عرض المان به صورت خودکار تغییر می کند تا دیگر صفحه اسکرول نخورد. این دستور همچنین باعث می شود که عرض المان شما محدود به حداکثر شود و نتوانید عرض بیشتری به آن بدهید. حال در مثال فوق به جای ;width:500px دستور زیر را قرار دهید.

درباره ما admin

محمد صفری : مهندس نرم افزار و طراح سایت

این موارد رو هم بررسی کنید

آموزش سی اس اس

آموزش کامل CSS – قسمت هشتم: فاصله بین المان ها

همان طور که در قسمت های قبلی آموزش css گفتیم المان های html دارای فاصله …



هنوز هیچ دیدگاهی وجود ندارد

× برای پیوستن به بحث نیاز به ورود دارید