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

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

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

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

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

درباره ما admin

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

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

آموزش سی اس اس

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

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



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

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