درست کار نکردن حالت ریسپانسیو در حالت min-width:600px

جامعه‌ها وبلاگ شروع یادگیری برنامه نویسی

سلام وقت بخیر

وقتی برای عرض حداقل 600 رو در نظر میگریم یعنی حالت S فقط یک سری مواردش اعمال میشن برای مثال از بین col-s-1 تا col-s-5 فقط col-s-3 اعمال میشه

میخواستم ببینم دلیلش چیه

درود

برای حالت s باید حداکثر رو 600 بگیرید نه حداقل. یعنی مانیتورتون اونقدر کوچکه که حداکثر 600 پیکسل ابعاددشه.

در مرحله بعدی اگر رفع نشد، کد رو به صورت کامل زیپ کنید و اینجا بفرستید تا بتونیم بررسی کنیم.

نازنین کریمی مقدم ۲۸ شهریور ۱۴۰۱، ۰۴:۲۳

ولی استاد همون حداقل رو در نظر گرفتن توی ویدیو

البته من حداکثر هم که گذاشتم اعمال نشد

https://codepen.io/melika-n/pen/zYjwmVL

ملیکا نائینی ۲۸ شهریور ۱۴۰۱، ۱۳:۳۳

ممنون که در کدپن آپلود کردید

بله این مدلی اگر بنویسید اوکیه باید با min باشه، من فکر کردم ابعاد زیر 600 رو میفرمایید.

کدتون مشکلی نداره منتها بی دقتی داشتید: برای اعشار از . باید استفاده کنید، کلا / رو نمیشناسه. مثلا width: 8/33%; باید بشه width: 8.33%;

دلیل اینکه فقط اون col-3 درسته هم همینه چون اون اعشاری نبوده اندازه درست گرفته. بقیه رو اصلاح کنید انشالله اوکی هست.

بهترین پاسخ

نازنین کریمی مقدم ۲۹ شهریور ۱۴۰۱، ۰۶:۳۸