رفتن به مطلب

ریسپانسیو تصویر داخل نوشته؟


nwmb

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

سلام

دوستان دارم با مدیا کئوری قالب رو ریسپانسیو میکنم، تصویری که درون نوشته ها قرار میگیره با سایز 430*600 هست

چجوری میتونم این تصویر رو برای مدیا کئوری 360px ریسپانسیو کنم؟

همچنین ویدیو که درون نوشته قرار میگیره هم با خود وردپرس بدون افزونه ایی قرار میگیره که معمولا عرض 600 پیکسل داره

لینک به ارسال

بیشتر راهنمایی میکنید اقای شفیعیان

ببینید وقتی از قسمت تصویر المنت میگیرم این محتوای html هست.



<div id="attachment_2770" style="width: 440px" class="wp-caption aligncenter">
<a href="http://mysite/wp-content/uploads/2015/05/Club.jpg" target="_blank">
<img class="wp-image-2770 size-full" src="http://mysite/wp-content/uploads/2015/05/Club.jpg" alt="سریال" height="600" width="430"></a>

لینک به ارسال

باید به نحوی با سلکتور css تگ تصویرتون را انتخاب و کدی که بهتون دادم را روش سوار کنید - مثلا در کد بالا عکس شما کلاس size-full را داره - میتونید استایل زیر را در قالبتون اضاف کنید :


.size-full{
max-width:100%;
}

کاری که من کردم اینه که اومدم محتویات پست را درون یک کلاس گذاشتم مثلا post-box و اومدم اینطوری به تمام عکس های درون پستم استایل را دادم :


.post-box img{
max-width:100%;
}

لینک به ارسال

با دادن مقدار های Mix & max در CSS با مقدار بر حسب % انجام دهید

البته میشه از @media screenهم استفاده کرد . نمونه زیر ببینید :

http://exisweb.net/responsive-table-plugins-and-patterns

لینک به ارسال

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

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

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

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

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

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

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

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

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