حل شده

مشکل ریسپانسیو عکس در صفحه single با وردپرس

بازدید 30.6k پست ها 1 آخرین فعالیت 2 سال پیش
0
1

سلام وقت بخیر
دوستان پستهایی که ارسال میکنم وقتی بریم ادامه مطلب عکسی که داخل پست قرار داره ریسپانسیو نیست و عکس از چپ و راست جمع میشه و خوانایی رو از دست میده کسی میتونه راهنمایی کنه؟ اینم کدهای صفحه single. در ضمن از بوت استرپ 4 استفاده میکنم.

<?php get_header(); ?>
    <div class="container">
        <?php if (have_posts()) : ?>
            <div class="row">
                <div class="col-12 ">
                    <?php while (have_posts()) :
                    the_post(); ?>
                    <div id="single-content">
                        <div class="single-cont-entry"><?php the_content(); ?></div>
                    </div>
                </div>
                <?php endwhile; ?>
            </div>
        <?php endif; ?>
    </div>
<?php get_footer(); ?>
آخرین ویرایش: 09-08-2018 ساعت 20:04، توسط nex

1 پاسخ

2

برای ریسپانسیو کردن عکساتون به صورت زیر عمل کنید :

روش اول :
-- اگر از bootstrap 4 استفاده میکنید، کلاس img-fluid رو به عکس مورد نظر اضافه کنید .

روش دوم :
-- تمامی عکساتون ریسپانسیو میشه .

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

روش سوم :
-- فقط تصاویر مورد نظر شما ریسپانسیو میشه :

.my-class > img {
    max-width: 100%;
    height: auto;
}

پ.ن : کلاسِ تگی که تصویر در اون قرار داره رو به جای my-class قرار بدید.

آخرین ویرایش: 10-08-2018 ساعت 12:57، توسط mehdigm
ممنون لطف کردی – nex 2 سال پیش

خوش آمدید

برای طرح سوال، ایجاد بحث و فعالیت در سایت نیاز است ابتدا وارد حساب کاربری خود شوید. در صورتی که هنوز عضو سایت نیستید میتوانید در عرض تنها چند ثانیه ثبت نام کنید.