এই ওয়েবপৃষ্ঠায় ওয়ার্ডপ্রেস দ্বারা imagesোকানো চিত্র রয়েছে। প্রথম চিত্রটি সন্নিবেশ করানোর জন্য ব্যবহৃত কোডটি হ'ল:
[caption id="attachment_887" align="alignnone" width="604"]
<a href="http://steven.doig.com.au/files/2013/06/Forest_Legacy_m.jpg">
<img class="size-large wp-image-887" alt="a Forest Legacy group" src="http://steven.doig.com.au/files/2013/06/Forest_Legacy_m-1024x681.jpg" width="1024" height="681" />
</a> a Forest Legacy group[/caption]
এই চিত্রটি সিএসএস দ্বারা নিয়ন্ত্রিত:
#content .wp-caption a img {
width: 614px;
height: auto;
}
আমি এই চিত্রটি প্রতিক্রিয়াশীল করতে চাই। আমি সিএসএস প্রবেশ করিয়েছি:
@media (max-width:988px) {
#content .wp-caption a img {
width: 99.03225806%; /* 614/620 */
height: auto;
}
}
তবে, ওয়ার্ডপ্রেস পোস্টের অভ্যন্তরে নির্দিষ্ট হিসাবে DIV.wp- ক্যাপশনটি 604px এ রয়ে গেছে। আমি এটিকে শতাংশ হিসাবে প্রমাণ করার চেষ্টা করেছি (97.41935483%) তবে ওয়ার্ডপ্রেস এটিকে 104px হিসাবে পুনরায় ব্যাখ্যা করেছেন।
ইনলাইন সিএসএস স্টাইলশিটে আমি theোকানো সিএসএসকে ওভাররাইড করছে।
<div id="attachment_887" class="wp-caption alignnone" style="width: 614px">
আমি কীভাবে .WP- ক্যাপশনটিকে প্রতিক্রিয়াশীল করতে পারি তার কোনও ধারণাগুলি?