ریسپانسیو کردن کد بنر برای وردپرس

[alirad]

 max-width: آخرین اندازه; 

می تونی به جای آخرین اندازه عدد مورد نظر خود را قرار دهید
یا می تونید از درصد استفاده کنید

 max-width: 100%; 

ممنون ولی من متوجه نشدم
این کدی که الان دادین رو بذارم توی کد css که قبلا دادین؟
میشه یه بار کد css رو کامل از اول بذارین؟
خیلی ببخشید دیگه خیلی مزاحم شدم

[sazsaz]

ببینید کامل این کار را کن
اون کدی که قبلا داده بودم گفتم وارد کن و بالای فوتر بذار را همون جا قرار بده

<div class="ads">
<a href="#" target="_blank"><img alt="" src="adress tasvir" /></a>
</div> 

اینو به فایل استایلت اضافه کن

@media screen and (max-width: 500px) {
 .ads{ max-width: 500px;}
}
@media screen and (max-width: 768px) {
 .ads{ max-width: 768px;}
}
@media screen and (max-width: 1024px) {
  .ads{ max-width: 1024px}
} 

خوب حالا این کد را زیر تایتل توی هدر قرار بده

<meta name="viewport" content="width=device-width, initial-scale=1"> 

[vahab00]

ممنون از راهنمایتون کد دومی دقیقا چیزی بود که میخواستم

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

یا اگه سوالمو جور دیگه بپرسم فرض کنید تصویر توی لب تاپ 12 اینچ و موبایل فیکسه آیا طبق کد دوم الزاما توی لب تاپ 17 اینچ هم فیکسه یا بستگی به سایز تصویر داره؟

ببینید کدی که من دادم به این صورت هست که اگه سایز بنز 640 در 90 هست در سایز بیشتر از 640 پیکسل صفحه همون 640 نشون میده ولی اگه کوچیک بشه 100درصد میشه
اما اگه میخواید در سایز بزرگ هم به تناسب کامل و فول واید باشه و هایت هم به همون نسبت بزرگ بشه بجای max-width عبارت min-width برابر با 100% قرار بدید
min-width:100%;