shabgardetanha
سه شنبه 24 آذر 1394, 09:44 صبح
سلام
الان نتونستم اپ کنم ولی کدهام اینه خواهش می کنم ببینید و کمکم کنید
<div class="table-responsive">
<table class="table table-hover">
<tr class="info">
<img class="img-responsive" alt="Responsive image" src="image/header4.jpg">
</tr>
</table>
</div>
<div class="table-responsive">
<table style="background-color: blue" class="table table-hover">
<tr>
<h4>فناوری</h4>
<br/>
</tr>
<tr>
<td style="border-style: groove;background-image: url('image/33.jpg')" class="info">
</td>
<td style="border-style: groove;background-image: url('image/22.jpg')" class="success">
<br/>
<br/>
</td>
<td style="border-style: groove;background-image: url('image/78.jpg')" class="warning">
</td>
</tr>
<tr>
<td style="background-color: red;border-style: groove" class="info">
<p>hgfghfhfhfhgfhg</p>
<p>hgfghfhfhfhgfhg</p>
<p>hgfghfhfhfhgfhg</p>
<p>hgfghfhfhfhgfhg</p>
<p>hgfghfhfhfhgfhg</p>
<p>hgfghfhfhfhgfhg</p>
<p>hgfghfhfhfhgfhg</p>
<p>hgfghfhfhfhgfhg</p>
<p>hgfghfhfhfhgfhg</p>
<p>jkhjkhkjhkjhkhkyuiuyyiuyuadadsadadsadjhk</p>
</td>
<td style="background-color: blue;border-style: groove" class="success">
<center>
<div id="mycarousel" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#mycarousel" data-slide-to="0" class="active"> </li>
<li data-target="#mycarousel" data-slide-to="1" > </li>
<li data-target="#mycarousel" data-slide-to="2" > </li>
<li data-target="#mycarousel" data-slide-to="3" > </li>
</ol>
<div class="carousel-inner">
<div class="item active">
<img src="image/111.jpg">
<div class="carousel-caption">
<p>caption1</p>
</div>
</div>
<div class="item">
<img src="image/12.jpg">
<div class="carousel-caption">
<p>caption2</p>
</div>
</div>
<div class="item">
<img src="image/13.jpg">
<div class="carousel-caption">
<p>caption3</p>
</div>
</div>
<div class="item">
<img src="image/14.jpg">
<div class="carousel-caption">
<p>caption4</p>
</div>
</div>
</div>
</div>
</center>
</td>
<td style="background-color: red;border-style: groove" class="success">
<p>hgfghfhfhfhgfhg</p>
<p>hgfghfhfhfhgfhg</p>
<p>hgfghfhfhfhgfhg</p>
<p>hgfghfhfhfhgfhg</p>
<p>hgfghfhfhfhgfhg</p>
<p>hgfghfhfhfhgfhg</p>
<p>hgfghfhfhfhgfhg</p>
<p>hgfghfhfhfhgfhg</p>
<p>hgfghfhfhfhuytyutuytytfdsdsffjhgjkgjhjhgfhg</p>
<p>hgfghfhfhfhgfhg</p>
</td>
</tr>
<tr>
<td style="background-color: red;border-style: groove;background-image: url('image/4.jpg')" class="info">
<br/>
<br/>
</td>
<td style="background-color: red;border-style: groove;background-image: url('image/5.jpg')" class="info">
</td>
<td style="background-color: red;border-style: groove;background-image: url('image/6.jpg')" class="info">
</td>
</tr>
<tr>
<td style="background-color: red;border-style: groove" class="success">
<p>hgfghfhfhfhgfhg</p>
<p>hgfghfhfhfhgfhg</p>
<p>hgfghfhfhfhgfhg</p>
<p>hgfghfhfhfhgfhg</p>
<p>hgfghfhfhfhgfhg</p>
<p>hgfghfhfhfhgfhg</p>
<p>hgfghfhfhfhgfhg</p>
<p>hgfghfhfhfhgfhg</p>
<p>hgfghfhfhfhuytyutuytytfdsdsffjhgjkgjhjhgfhg</p>
<p>hgfghfhfhfhgfhg</p>
</td>
<td style="background-color: red;border-style: groove" class="success">
<p>hgfghfhfhfhgfhg</p>
<p>hgfghfhfhfhgfhg</p>
<p>hgfghfhfhfhgfhg</p>
<p>hgfghfhfhfhgfhg</p>
<p>hgfghfhfhfhgfhg</p>
<p>hgfghfhfhfhgfhg</p>
<p>hgfghfhfhfhgfhg</p>
<p>hgfghfhfhfhgfhg</p>
<p>hgfghfhfhfhuytyutuytytfdsdsffjhgjkgjhjhgfhg</p>
<p>hgfghfhfhfhgfhg</p>
</td>
<td style="background-color: red;border-style: groove" class="success">
<p>hgfghfhfhfhgfhg</p>
<p>hgfghfhfhfhgfhg</p>
<p>hgfghfhfhfhgfhg</p>
<p>hgfghfhfhfhgfhg</p>
<p>hgfghfhfhfhgfhg</p>
<p>hgfghfhfhfhgfhg</p>
<p>hgfghfhfhfhgfhg</p>
<p>hgfghfhfhfhgfhg</p>
<p>hgfghfhfhfhuytyutuytytfdsdsffjhgjkgjhjhgfhg</p>
<p>hgfghfhfhfhgfhg</p>
</td>
</tr>
<tr>
<td style="background-color: red;border-style: groove;background-image: url('image/7.jpg')" class="info">
<br/>
<br/>
</td>
<td style="background-color: red;border-style: groove;background-image: url('image/8.jpg')" class="info">
</td>
<td style="background-color: red;border-style: groove;background-image: url('image/9.jpg')" class="info">
</td>
</tr>
<tr>
<td style="background-color: red;border-style: groove" class="success">
<p>hgfghfhfhfhgfhg</p>
<p>hgfghfhfhfhgfhg</p>
<p>hgfghfhfhfhgfhg</p>
<p>hgfghfhfhfhgfhg</p>
<p>hgfghfhfhfhgfhg</p>
<p>hgfghfhfhfhgfhg</p>
<p>hgfghfhfhfhgfhg</p>
<p>hgfghfhfhfhgfhg</p>
<p>hgfghfhfhfhuytyutuytytfdsdsffjhgjkgjhjhgfhg</p>
<p>hgfghfhfhfhgfhg</p>
</td>
<td style="background-color: red;border-style: groove" class="success">
<p>hgfghfhfhfhgfhg</p>
<p>hgfghfhfhfhgfhg</p>
<p>hgfghfhfhfhgfhg</p>
<p>hgfghfhfhfhgfhg</p>
<p>hgfghfhfhfhgfhg</p>
<p>hgfghfhfhfhgfhg</p>
<p>hgfghfhfhfhgfhg</p>
<p>hgfghfhfhfhgfhg</p>
<p>hgfghfhfhfhuytyutuytytfdsdsffjhgjkgjhjhgfhg</p>
<p>hgfghfhfhfhgfhg</p>
</td>
<td style="background-color: red;border-style: groove" class="success">
<p>hgfghfhfhfhgfhg</p>
<p>hgfghfhfhfhgfhg</p>
<p>hgfghfhfhfhgfhg</p>
<p>hgfghfhfhfhgfhg</p>
<p>hgfghfhfhfhgfhg</p>
<p>hgfghfhfhfhgfhg</p>
<p>hgfghfhfhfhgfhg</p>
<p>hgfghfhfhfhgfhg</p>
<p>hgfghfhfhfhuytyutuytytfdsdsffjhgjkgjhjhgfhg</p>
<p>hgfghfhfhfhgfhg</p>
</td>
</tr>
</table>
</div>
از این کد هم استفاده کردم
<meta name="viewport" content="width=device-width,initial-scale=1.0"/>
اما توی مرورگر وقتی اندازه صفحه موبایل تعیین می کنم کل سایت رو نشون نمیده و اسکرول میخوره و اندازه ستون های جدولم هم به اندازه متن داخلش بزرگ و کوچیک میشه
و کلا نمای سایت بهم میریزه یه ستون بزرگ و یه ستون باریک میشه
چکار کنم؟؟؟