Printable View
سلام
من یک سایت فروشگاهی رو با مدیا کوئری دارم ریسپانسیو میکنم همه جاش حل کردم
فقط قسمت محصولات
که در هر ردیف 3 محصول هست
تا سایز عرض 628 همون سه تا در هر ردیف هست و با مدیا کوئری سایز کئچک تر کردم
حالا از سایز 628 به پایین می خواهم در هر ردیف 2 تا بشه
ولی میزنه بیرون
برای اینکه منظورم متوجه بشید لطفا سایت
ahvazlearn.ir
باز کنید در حالت موبایل بزارید مرورگر رو و در عرض 628 به پایین تست کنید میزنه بیرون
چیکار کنم نزنه بیرون
لطفا راهنمایی کنید شدید گیرم
ممنون
کدی که استفاده کردید بزارید تا بگم چی باید تغییر بدید
- - - Updated - - -کد:
<div class="clearfix">
<div id="middlecontainer" class="pure-g">
<div class="pure-u-1 pure-u-md-19-24">
<div id="main" role="main">
<div id="content-top"><div class="block-wrapper odd block_1">
<div id="block-views-uc_recent_productsFront-block_1" class="block block-views ">
<h3 class="title block-title">فروشگاه کالاهای آکبند</h3>
<div class="content"><div class="view view-uc-recent-productsFront view-style-normal view-id-uc_recent_productsFront view-display-id-block_1">
<div class="view-content">
<table class="views-view-grid col-4">
<tbody>
<tr class="row-1 row-first">
<td class="col-1 col-first">
<div class="views-field-field-ucimage-fid">
<span class="field-content"><a href="/product/mox6"><a href="/product/mox6" class="imagecache imagecache-product_middle imagecache-linked imagecache-product_middle_linked"><img src="http://ahvazlearn.ir/files/imagecache/product_middle/shop/Mox6_0.png" alt="" title="" width="170" height="57" class="imagecache imagecache-product_middle"/></a></a></span>
</div>
<div class="views-field-title">
<span class="field-content"><a href="/product/mox6">Yamaha mox6</a></span>
</div>
<div class="views-field-sell-price">
<span class="field-content">3,900,000تومان</span>
</div>
<div class="views-field-field-downloadsize-value">
<span class="field-content"></span>
</div>
</td>
<td class="col-2">
<div class="views-field-field-ucimage-fid">
<span class="field-content"><a href="/product/mox8"><a href="/product/mox8" class="imagecache imagecache-product_middle imagecache-linked imagecache-product_middle_linked"><img src="http://ahvazlearn.ir/files/imagecache/product_middle/shop/yamaha-mox8.png" alt="" title="" width="170" height="51" class="imagecache imagecache-product_middle"/></a></a></span>
</div>
<div class="views-field-title">
<span class="field-content"><a href="/product/mox8">Yamaha mox8</a></span>
</div>
<div class="views-field-sell-price">
<span class="field-content">5,900,000تومان</span>
</div>
<div class="views-field-field-downloadsize-value">
<span class="field-content"></span>
</div>
</td>
<td class="col-3">
<div class="views-field-field-ucimage-fid">
<span class="field-content"><a href="/product/yamaha-s950"><a href="/product/yamaha-s950" class="imagecache imagecache-product_middle imagecache-linked imagecache-product_middle_linked"><img src="http://ahvazlearn.ir/files/imagecache/product_middle/shop/S950.JPG" alt="" title="" width="170" height="73" class="imagecache imagecache-product_middle"/></a></a></span>
</div>
<div class="views-field-title">
<span class="field-content"><a href="/product/yamaha-s950">Yamaha-S950</a></span>
</div>
<div class="views-field-sell-price">
<span class="field-content">4,000,000تومان</span>
</div>
<div class="views-field-field-downloadsize-value">
<span class="field-content"></span>
</div>
</td>
<td class="col-4 col-last">
<div class="views-field-field-ucimage-fid">
<span class="field-content"><a href="/product/s670"><a href="/product/s670" class="imagecache imagecache-product_middle imagecache-linked imagecache-product_middle_linked"><img src="http://ahvazlearn.ir/files/imagecache/product_middle/shop/s670_0.png" alt="" title="" width="170" height="68" class="imagecache imagecache-product_middle"/></a></a></span>
</div>
<div class="views-field-title">
<span class="field-content"><a href="/product/s670">Yamaha S670</a></span>
</div>
<div class="views-field-sell-price">
<span class="field-content">2,300,000تومان</span>
</div>
<div class="views-field-field-downloadsize-value">
<span class="field-content"></span>
</div>
</td>
</tr>
<tr class="row-2">
<td class="col-1 col-first">
<div class="views-field-field-ucimage-fid">
<span class="field-content"><a href="/product/roland-e-a7"><a href="/product/roland-e-a7" class="imagecache imagecache-product_middle imagecache-linked imagecache-product_middle_linked"><img src="http://ahvazlearn.ir/files/imagecache/product_middle/shop/roland%20ea7.png" alt="" title="" width="170" height="52" class="imagecache imagecache-product_middle"/></a></a></span>
</div>
<div class="views-field-title">
<span class="field-content"><a href="/product/roland-e-a7">Roland E-A7</a></span>
</div>
<div class="views-field-sell-price">
<span class="field-content">موجود نیست</span>
</div>
<div class="views-field-field-downloadsize-value">
<span class="field-content"></span>
</div>
</td>
<td class="col-2">
<div class="views-field-field-ucimage-fid">
<span class="field-content"><a href="/product/yamaha-s970"><a href="/product/yamaha-s970" class="imagecache imagecache-product_middle imagecache-linked imagecache-product_middle_linked"><img src="http://ahvazlearn.ir/files/imagecache/product_middle/shop/S970_1_0.jpg" alt="" title="" width="170" height="74" class="imagecache imagecache-product_middle"/></a></a></span>
</div>
<div class="views-field-title">
<span class="field-content"><a href="/product/yamaha-s970">Yamaha S970</a></span>
</div>
<div class="views-field-sell-price">
<span class="field-content">5,400,000تومان</span>
</div>
<div class="views-field-field-downloadsize-value">
<span class="field-content"></span>
</div>
</td>
<td class="col-3">
<div class="views-field-field-ucimage-fid">
<span class="field-content"><a href="/product/s770"><a href="/product/s770" class="imagecache imagecache-product_middle imagecache-linked imagecache-product_middle_linked"><img src="http://ahvazlearn.ir/files/imagecache/product_middle/shop/S770_0.jpg" alt="" title="" width="170" height="74" class="imagecache imagecache-product_middle"/></a></a></span>
</div>
<div class="views-field-title">
<span class="field-content"><a href="/product/s770">Yamaha S770</a></span>
</div>
<div class="views-field-sell-price">
<span class="field-content">4,050,000تومان</span>
</div>
<div class="views-field-field-downloadsize-value">
<span class="field-content"></span>
</div>
</td>
<td class="col-4 col-last">
<div class="views-field-field-ucimage-fid">
<span class="field-content"><a href="/node/1081"><a href="/node/1081" class="imagecache imagecache-product_middle imagecache-linked imagecache-product_middle_linked"><img src="http://ahvazlearn.ir/files/imagecache/product_middle/shop/Bag-Yamaha-2_0.jpg" alt="" title="" width="116" height="80" class="imagecache imagecache-product_middle"/></a></a></span>
</div>
<div class="views-field-title">
<span class="field-content"><a href="/node/1081">کیف برزنتی یاماها</a></span>
</div>
<div class="views-field-sell-price">
<span class="field-content">50,000تومان</span>
</div>
<div class="views-field-field-downloadsize-value">
<span class="field-content"></span>
</div>
</td>
</tr>
<tr class="row-3 row-last">
<td class="col-1 col-first">
<div class="views-field-field-ucimage-fid">
<span class="field-content"><a href="/product/yamaha-s750"><a href="/product/yamaha-s750" class="imagecache imagecache-product_middle imagecache-linked imagecache-product_middle_linked"><img src="http://ahvazlearn.ir/files/imagecache/product_middle/shop/S750_0.jpg" alt="" title="" width="170" height="74" class="imagecache imagecache-product_middle"/></a></a></span>
</div>
<div class="views-field-title">
<span class="field-content"><a href="/product/yamaha-s750">Yamaha-S750</a></span>
</div>
<div class="views-field-sell-price">
<span class="field-content">موجود نیست</span>
</div>
<div class="views-field-field-downloadsize-value">
<span class="field-content"></span>
</div>
</td>
<td class="col-2">
<div class="views-field-field-ucimage-fid">
<span class="field-content"><a href="/product/roland-bk5or"><a href="/product/roland-bk5or" class="imagecache imagecache-product_middle imagecache-linked imagecache-product_middle_linked"><img src="http://ahvazlearn.ir/files/imagecache/product_middle/shop/bk-5_or_0.jpg" alt="" title="" width="170" height="52" class="imagecache imagecache-product_middle"/></a></a></span>
</div>
<div class="views-field-title">
<span class="field-content"><a href="/product/roland-bk5or">Roland BK5or</a></span>
</div>
<div class="views-field-sell-price">
<span class="field-content">2,800,000تومان</span>
</div>
<div class="views-field-field-downloadsize-value">
<span class="field-content"></span>
</div>
</td>
<td class="col-3">
<div class="views-field-field-ucimage-fid">
<span class="field-content"><a href="/product/yamaha-a2000"><a href="/product/yamaha-a2000" class="imagecache imagecache-product_middle imagecache-linked imagecache-product_middle_linked"><img src="http://ahvazlearn.ir/files/imagecache/product_middle/shop/A2000_0.JPG" alt="" title="" width="170" height="72" class="imagecache imagecache-product_middle"/></a></a></span>
</div>
<div class="views-field-title">
<span class="field-content"><a href="/product/yamaha-a2000">Yamaha A2000</a></span>
</div>
<div class="views-field-sell-price">
<span class="field-content">3,700,000تومان</span>
</div>
<div class="views-field-field-downloadsize-value">
<span class="field-content"></span>
</div>
</td>
<td class="col-4 col-last">
<div class="views-field-field-ucimage-fid">
<span class="field-content"><a href="/product/yamaha-s650"><a href="/product/yamaha-s650" class="imagecache imagecache-product_middle imagecache-linked imagecache-product_middle_linked"><img src="http://ahvazlearn.ir/files/imagecache/product_middle/shop/s650.JPG" alt="" title="" width="170" height="71" class="imagecache imagecache-product_middle"/></a></a></span>
</div>
<div class="views-field-title">
<span class="field-content"><a href="/product/yamaha-s650">Yamaha S650</a></span>
</div>
<div class="views-field-sell-price">
<span class="field-content">موجود نیست</span>
</div>
<div class="views-field-field-downloadsize-value">
<span class="field-content"></span>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="more-link">
<a href="/products">
محصولات بیشتر </a>
</div>
</div> </div>
</div>
</div>
ولی فکر کنم خود سایت باز کنید و با inspect چک کنید بهتره
ممنون میشم کمک کنید خیلی گیرم
یکی کمک کنه لطفااااااااااااااا
دوستان طراح اگر امکانش هست برای ریسپانسیو کردن سایت های زیر برای منو هاش که مشکل دارن توی نمایش آیفون پیغام خصوصی بفرستید.
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
---------------------------------
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
---------------------------------
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
---------------------------------
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
---------------------------------
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
---------------------------------
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
---------------------------------
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
---------------------------------
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
---------------------------------
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
---------------------------------
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
---------------------------------
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
---------------------------------
قیمت تک تک سایت ها فراموش نشود.
ممنون.
سلام
با استفاده از کد media screen and (max-width: 628px)@ در CSS میتونید در اون المنت مورد نظر هنگامی که صفحه به اندازه 628 میرسه تغییرات ایجاد کنید .