امروز : شنبه ، ۲۷ آبان ۱۳۹۶
خانه / آموزش کامل CSS / آموزش کامل CSS – قسمت دهم: عرض حداکثر در المان ها
آموزش سی اس اس

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

آخرین ویرایش در تاریخ ۲۳ مهر ۱۳۹۶

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

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

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

درباره ما admin

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

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

آموزش سی اس اس

آموزش کامل CSS – قسمت ۱۲: موقعیت المان ها ۲

همان طوری در جلسه قبل آموزش گفتیم position چهار حالت دارد که با دو حالت …

پاسخ دهید