4M!R

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

6 پست در این موضوع قرار دارد

ارسال شده در (ویرایش شده)

سلام

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

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

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

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


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

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

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

ممنون

ویرایش شده در توسط p47ri0t
0

به اشتراک گذاری این پست


لینک به پست

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

0

به اشتراک گذاری این پست


لینک به پست

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

1

به اشتراک گذاری این پست


لینک به پست

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

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

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

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

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

0

به اشتراک گذاری این پست


لینک به پست

ارسال شده در (ویرایش شده)

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

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

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

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

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

ویرایش شده در توسط HANNANStd
1

به اشتراک گذاری این پست


لینک به پست

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

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

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

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

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

1

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

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

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری

  • مطالب مشابه

    • توسط amer7417
      سلام دوستان
      متاسفانه صفحات یک قالب رو با ویژوال کامپوزر طراحی کردم
      همه چی اوکی بود اما به مشکلی که خوردم ریسپانسیو نبودن صفحات در حالت موبایلی و تبلت بود
      آیا راهی وجود داره که بشه همون مدل دسکتاپ در موبایل و تبلت نمایش داده بشه
      ممنون میشم راهنماایی کنید
       
    • توسط jistili1
      سلام دوستان.من اومدم به قول خودم سایتم رو با استفاده از دستور های media query در css ریسپانسیو کردم.سایتم اینه:namavaz.ir.اومدم برای سایز های مختلف device سایت رو تعریف کردم.ولی الان وقتی سایت رو باز میکنید اصلا کاری به مدیاکوئری ها نداره.همون صفحه ای که روی لپتاپم میاره رو روی موبایل میاد زوم بک میکنه.اگه سایز مرورگر رو توی لپتاپ تغییر بدم مدیاکوئری ها کار میکنن ولی روی موبایل مشکل داره.ممنون میشم راهنمائیم کنید.
    • توسط Hassan Hesampour
      سلام دوستان وقتتون بخیر
      آقا ما یه سایت داریم به آدرس : dryouclinic.com 
      توی قسمت بلاگ ( نوشته های سایت ) بخصوص مطالبی که اخیرا توی سایت درج شده ، ریسپانسیو مطالب دچار مشکل شده
      یعنی الان هر نویسنده ای که بخواد مطلب جدید بذاره نحوه چیدمان نوشته ها میریزه بهم
      تمام افزونه ها رو غیر فعال کردم بازم نشد
      مشکل از خود قالب هست اما نمیدونم چه مشکلی برای قالب پیش اومده که جدیدا وقتی مطلب میذاریم میریزه بهم ، یادم هم نمیاد که چه تغییری توی سایت دادیم که این مشکل پیش اومد
      عکس ضمیمه رو ببینید تا بهتر متوجه منظورم بشید ، ممنون میشم اگر کسی مشکل رو فهمید کمکم کنه

    • توسط pouria7777
      سلام خسته نباشید
      میخواستم ببینم اگر بخوام این مجموعه عکس بالا رو توی موبایل به همین صورت و ترتیب نشون بدم چیکار باید بکنم؟ یعنی سایزشون کوچیک بشه به جای این که به هم ریخته بشن و از حالت خطی در بیان.

    • توسط kamran.azarniya
      سلام و درود
      بنده در این سایتم کمی مشکل منو داشتم نمیدونم چه تنظیماتی کردم که منو از جایگاه اصلی خودش اومده پایینتر ، حالا به نظرتون باید چیکار کنم یا چه کدیو اصلاح کنم
      تشکر
      avahesab.ir