01/10/2018, 12:06
Lỗi thanh cuộn ngang khi responsive
Em chào tất cả mọi người ạ! mọi người cho em hỏi về thanh cuộn ngang khi responsive với ạ!
Trong code HTML, em có kiểm tra thì không thấy thừa hay thiếu thẻ div, tr, th, td
Nhưng khi em responsive ở width < 750px thì thanh cuộn ngang lại hiện ra và thừa một khoảng trắng ạ. Em không hiểu tại sao lại bị như vậy, em mong mọi người giải thích cho em rõ hơn về vấn đề responsive được không ạ?
Em cảm ơn mọi người nhiều ạ. Đây là hình ảnh khi em responsive ở width 684px ạ.
Và đây là đoạn code HTML của em ạ. Khi em cho display: none thì nó lại bình thường và em nghĩ lỗi ở đoạn này, nhưng em có tìm mà k thấy thừa hay thiếu thẻ ạ.
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 domain-transfer">
<div class="send-require">
<div class="col-xs-12 col-sm-12 col-md-10 col-lg-10">
<input type="text" name="" class="form-control input-add" placeholder="">
</div>
<div class="col-xs-12 col-sm-12 col-md-2 col-lg-2">
<button type="submit" class="btn btn-send-require"> Gửi yêu cầu</button>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 domain-vn-transfer">
<table class="table table-bordered">
<thead>
<tr>
<th> Tên miền Việt Nam</th>
<th> Phí chuyển đổi</th>
<th> Kiểm tra </th>
</tr>
</thead>
<tbody>
<tr>
<td>xyz.com</td>
<td><img src="img/icon-free.png"></td>
<td><button type="submit" class="btn btn-check-transfer">Kiểm tra</button></td>
</tr>
<tr>
<td>xyz.com</td>
<td><img src="img/icon-free.png"></td>
<td><button type="submit" class="btn btn-check-transfer">Kiểm tra</button></td>
</tr>
<tr>
<td>xyz.com</td>
<td><img src="img/icon-free.png"></td>
<td><button type="submit" class="btn btn-check-transfer">Kiểm tra</button></td>
</tr>
<tr>
<td>xyz.com</td>
<td><img src="img/icon-free.png"></td>
<td><button type="submit" class="btn btn-check-transfer">Kiểm tra</button></td>
</tr>
</tbody>
</table>
</div>
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 domain-inter-transfer">
<table class="table table-bordered">
<thead>
<tr>
<th> Tên miền quốc tế</th>
<th> Phí chuyển đổi</th>
<th> Kiểm tra </th>
</tr>
</thead>
<tbody>
<tr>
<td>xyz.com</td>
<td><img src="img/icon-free.png"></td>
<td><button type="submit" class="btn btn-check-transfer">Kiểm tra</button></td>
</tr>
<tr>
<td>xyz.com</td>
<td><img src="img/icon-free.png"></td>
<td><button type="submit" class="btn btn-check-transfer">Kiểm tra</button></td>
</tr>
<tr>
<td>xyz.com</td>
<td><p class="fee-transfer">400.000 VNĐ</p></td>
<td><button type="submit" class="btn btn-check-transfer">Kiểm tra</button></td>
</tr>
<tr>
<td>xyz.com</td>
<td><img src="img/icon-free.png"></td>
<td><button type="submit" class="btn btn-check-transfer">Kiểm tra</button></td>
</tr>
</tbody>
</table>
</div>
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<h4 class="condition-transfer">Điều kiện và quy trình khi chuyển tên miền tại </h4>
</div>
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 condition-vn">
<table class="table table-bordered">
<thead>
<tr>
<th colspan="2">Tên miền Việt Nam</th>
</tr>
</thead>
<tbody>
<tr>
<td><h2>1</h2></td>
<td>
<p>Quý khách điền thông tin vào mẫu chuyển đổi nhà đăng kí có xác nhận chủ thể. Download bản khai.</p>
</td>
</tr>
<tr>
<td><h2>2</h2></td>
<td>
<p>Mang mẫu chuyển đổi nhà đăng ký sang nhà đăng ký tên miền cũ lấy dấu xác nhận.</p>
</td>
</tr>
<tr>
<td><h2>3</h2></td>
<td>
<p>Gửi mẫu chuyển đổi nhà đăng ký đến để làm thủ tục.
(Nếu là cá nhân cần có thêm bản photo CMND) </p>
</td>
</tr>
<tr>
<td><h2>4</h2></td>
<td>
<p>Khi chuyển thành công, chúng tôi sẽ cung cấp tài khoản khách hàng để
Quý khách đăng nhập trang Navi và thực hiện các cài đặt với tên miền.</p>
</td>
</tr>
<tr>
<td colspan="2">
<p class="fee-transfer-vn"> * Phí chuyển tên miền về :</p>
<p>Chuyển tên miền về không mất phí,</p>
<p> Quý khách chỉ cần đóng tiền gia hạn thêm 1 năm để gia hạn</p>
</td>
</tr>
</tbody>
</table>
</div>
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 condition-inter">
<table class="table table-bordered">
<thead>
<tr>
<th colspan="2">Tên miền Quốc Tế</th>
</tr>
</thead>
<tbody>
<tr>
<td><h2>1</h2></td>
<td>
<p> Quý khách cần kiểm tra các điều kiện để transfer:</p>
<p> Tên miền phải được unlock và có Auth-info code.</p>
</td>
</tr>
<tr>
<td><h2>2</h2></td>
<td>
<p>Đăng kí transfer với VTC</p>
</td>
</tr>
<tr>
<td><h2>3</h2></td>
<td>
<p>Kiểm tra email quản trị tên miền, quý khách sẽ nhận được 1 email đề nghị Quý khách xác nhận. Sau khi quý khách bấm nút "Đồng ý" và hệ thống báo thành công, tối thiểu là 2 ngày và tối đa 2 tuần tên miền của Quý khách sẽ được chuyển vể </p>
</td>
</tr>
<tr>
<td colspan="2">
<p class="fee-transfer-inter"> * Một số nguyên nhân thất bại :</p>
<p>+ Authcode sai.</p>
<p>+ Tên miền bị block trong quá trình transfer.</p>
<p>+ Quý khách không nhận được mail xác nhận hoặc nhận được mail xác nhận mà Quý khách không nhấn nút "Đồng ý".</p>
<p>+ Vô tình bấm nhầm và xác nhận việc hủy transfer.</p>
</td>
</tr>
</tbody>
</table>
</div>
</div>
Bài liên quan
Bạn có thể đưa full code html không? vì mình lấy đoạn code của bạn về test thử dùm thì không thấy lỗi nha