Uğraşamadığımdan dolayı küçük bir işi vermek istiyorum. Bootstrap kullandığım basit bir html sayfasında tablolar responsive olarak ayarlanacak. Ben kısmen hallettim, tabloları responsive yapamadım bir çakışma var sanırım. 3 tane alt alta tablolar var, mobilde sığdıramıyorum. İş sonucu 20 TL ödeme yapacağım.
İlgili kodlar:
<div style="max-width:500px;"> <span id="compareSpecs"><div><table class="table table-bordered"><thead class="thead-light"><tr> <th style="width: 20%;" scope="col">Jant Değerleri</th> <th style="width: 39%;text-align: center;" scope="col">Jant 1</th> <th style="width: 39%;text-align: center;" scope="col">Jant 2</th> </tr></thead> <tbody> <tr><th scope="row">Jant Ölçüsü</th><td align="center">17x10 ET 10</td><td align="center">13x5.5 ET 40</td></tr><tr> <th scope="row">Arka Alan</th><td align="center">149 mm (5.9'')</td><td align="center">122 mm (4.8'')<br>27 mm (1.1'') daha dar.</td></tr><tr><th scope="row">Jant Dudağı</th><td align="center">87 mm (3.4'') daha geniş</td><td> </td></tr><tr><th scope="row">Ortalama Ağırlık</th><td align="center">~ 13 kg / 29 lbs</td><td align="center">~ 4 kg / 9 lbs</td></tr></tbody></table></div><div><table class="table table-bordered"><thead class="thead-light"><tr> <th style="width: 20%;" scope="col">Lastik Değerleri</th> <th style="width: 39%;text-align: center;" scope="col">Lastik 1</th> <th style="width: 39%;text-align: center;" scope="col">Lastik 2</th> </tr></thead> <tbody> <tr><th scope="row">Lastik Ebadı</th><td align="center">315/70R17</td><td align="center">165/70R13</td></tr><tr><th>Taban Genişliği</th><td align="center">315 mm (12.4'')</td><td align="center">165 mm (6.5'')</td></tr><tr><th>Yanak</th><td align="center">221 mm (8.7'')</td><td align="center">116 mm (4.6'')</td></tr><tr><th>Lastik Çapı</th><td align="center">874 mm (34.4'')</td><td align="center">562 mm (22.1'')<br>312 mm (35.7%) küçük.<br>*Daha küçük. </td></tr><tr><th>Jant Uyumluluğu</th><td align="center">17x9 <> 17x12</td><td align="center">13x4 <> 13x6</td></tr><tr><th>Lastik Çevresi</th><td align="center">2744 mm (108'')</td><td align="center">1765 mm (69.5'')</td></tr><tr><th>Kilometre Başına Devir</th><td align="center">586.4</td><td align="center">912</td></tr><tr><th>Kilometre Saati</th><td align="center">Bu ebatların aracın orjinal ebadı olduğu varsayılmaktadır. Kilometre saati gerçek hızı göstermetedir.</td><td align="center">Kilometre saati 96.6km/s (60mil/s) okuduğunda, gerçek hız 38.6mph (62.1km/s) olacaktır. 35.7% daha yavaş.</td></tr><tr><th>Ortalama Lastik Ağırlığı</th><td align="center">~ 27 kg / 59 lbs</td><td align="center">~ 8 kg / 17 lbs</td></tr><tr><th>Ortalama Jant & Lastik Toplam Ağırlığı</th><td align="center">~ 88 lbs / 40 kg</td><td align="center">~ 26 lbs / 12 kg</td></tr></tbody></table></div><div><table class="table table-bordered"><thead class="thead-light"><tr> <th style="width: 20%;" scope="col">Ekipman Uyumluluğu</th> <th style="width: 39%;text-align: center;" scope="col">Jant ve Lastik Kombinasyonu (1)</th> <th style="width: 39%;text-align: center;" scope="col">Jant ve Lastik Kombinasyonu (2)</th> </tr></thead> <tbody> <tr><th scope="row">Süspansiyonlar</th><td align="center" rowspan="3">Bu kombinasyonu orjinal olarak kabul ettiğimiz için ekipmanlar arasında herhangi bir sürtme yada uyuşmazlık sorunu gözlenmeyecektir.</td><td align="center">100% (orjinalden daha fazla boşluk gözlemlenir.) </td></tr><tr><th>Çamurluklar</th><td align="center">100% (orjinalden daha fazla boşluk gözlemlenir.)</td></tr><tr><th>Çamurluk İçi (Davlumbaz)</th><td align="center">100% (orjinalden daha fazla boşluk gözlemlenir.)</td></tr></tbody></table></div></span> </div>
Edit: Font size küçültünce sorunsuzca sığdı. Default font-size büyük gelmiş demek ki. Halledildi. Teşekkürler.
