رفتن به مطلب

مشکل سایت واکنش گرایی عکس ها


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

سلام دوستان عزیز خسته نباشید من به یه مشکل جالب خوردم تو واکنش گرایی تصاویر سایت

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

تو سایت تمام تصاویر واکنش گرا میشه بجز تصاویر پست ها  نمیدونم چشه داخل استایل قالب کد های

 

img { max-width: 100%; max-height: auto; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box}

 

و کد

img {
    max-width: 100%;
    height: auto;
    }

 

قرار دادم و تست کردم تمام عکس ها واکنش گرا میشه ولی عکس های مطالب هیچ تغییری نمیکنه

 

ادرس سایت رو قرار میدم یه نگاه بکنید ممنون

 

http://www.mashtidownload.ir/

لینک به ارسال

سلام محمد علی

 

کلاس زیر رو از داخل فایل  css/autoptimize... .css پیدا کن، کد width: auto !important; رو اخرش قرار بده.

.aligncenter, div.aligncenter {
    display: block;
    margin: 5px auto;
    width: auto !important;
}

 

 

بهتره کد زیر رو در فایل css. قرار بدی به این شکل:

 

@media (min-width: 769px) {
.aligncenter, div.aligncenter {
    display: block;
    margin: 5px auto;
    width: auto;
  }
}

 

که فقط تغییرات برای نسخه موبایل یا تبلت باشه ، نه نسخه ویندوز

 

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

البته که بزرگ شده ، شما باید تکه کد دوم رو در فایل css تون قرار بدید.

@media (max-width: 769px) {
.aligncenter, div.aligncenter {
    display: block;
    margin: 5px auto;
    width: auto;
  }
}

 

این تکه کد فقط تا رزولیشن حداکثر  769 پیکسل اعمال میشه (که مخصوص موبایل و تبلت هست).

 

قبلی رو حذف کنید.

لینک به ارسال

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

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

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

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

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

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

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

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

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