رفتن به مطلب

عدم تغییر width در حالت ریسپانسیو


پست های پیشنهاد شده

سلام

بنده یه کلاس دارم با نام example

که پهنای اون برابر 47% هستش

میخوام برا سایز screen کمتر از 639 پهنا بشه 100%

به این شکل عمل می کنم


@media screen and (max-width:640px){.example{width:100%;}}

ولی متاسفانه تو حالت ریسپانسیو و سایز کوچک تر از انداغزه 740 width جدید خط میخوره و همون width قدیمی فراخوانی میشه(از طریق سورس قابل مشاهده هستش)

مشکل کارم کجاست

ممنون

ویرایش شده توسط p47ri0t
لینک به ارسال

خیلی جالبه کد رو بالای css اصلی میذاشتم کار نمی کرد گذاشتم پایین کار کرد :| به هر حال حل شد مرسی از همه دوستانی که راهنمایی کردن :(

لینک به ارسال

دوست عزیز CSS ها به ترتیب اولیت اعمال میشن . اولیت اصلی با استایل inline و استایلهای دارای !important هست . اولیت های بعدی هم هرچی خط پایین تری باشه ارجعیت داره .

لینک به ارسال

دوست عزیز CSS ها به ترتیب اولیت اعمال میشن . اولیت اصلی با استایل inline و استایلهای دارای !important هست . اولیت های بعدی هم هرچی خط پایین تری باشه ارجعیت داره .

ممنون از راهنمایی ولی این برا این مشکل من شاید درست نبود

وقتی سایز صفحه ملاک هستش دیگه important تو سایز متفرقه براش اهمیت پیدا نمیکنه و باید کلاس مربوط به سایز فعلی رو فراخوانی بکنه و چون کلاس بنده هم inline نبود شامل موردی که فرمودید نمیشد.

بعضا تداخل کلاس ها والو و فرزند باعثش میشه

اینا نظر بنده بود و شاید صحیح نیست

لینک به ارسال

چرا important ملاک هستش .... شما به یه تگ <a با !important رنگ بدید حالا بیاید با

@media screen و max-width برای سایز موبایل بازم بدون !important رنگ بدید . رنگش عوض نمیشه .

هرچند برای مشکل شما هم گفتم شامل این جمله میشه :

هم هرچی خط پایین تری باشه ارجعیت داره .

یعنی چون کپی کردید زیر استایل اصلی از نظر شمارش خطوط ، میشه خط پایین تر از استایل اولیه و اولیت میگیره .

ویرایش شده توسط HANNANStd
لینک به ارسال

چرا important ملاک هستش .... شما به یه تگ <a با !important رنگ بدید حالا بیاید با

@media screen و max-width برای سایز موبایل بازم بدون !important رنگ بدید . رنگش عوض نمیشه .

هرچند برای مشکل شما هم گفتم شامل این جمله میشه :

یعنی چون کپی کردید زیر استایل اصلی از نظر شمارش خطوط ، میشه خط پایین تر از استایل اولیه و اولیت میگیره .

سپاس از شما به اندوخته هام افزوده شد :)

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...