Html 引导3:iFrame中的响应表
我使用的是bootstrap3,但在iFrame中的表或任何内容方面都有问题。我希望iFrame内容被视为页面的一部分。Html 引导3:iFrame中的响应表,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,我使用的是bootstrap3,但在iFrame中的表或任何内容方面都有问题。我希望iFrame内容被视为页面的一部分。 为了清楚起见,我已经删除了iFrame边框 因此,例如,如果iFrame的宽度为1000像素,则内容内页的宽度也应为1000px@100% 我使用的是bootstrap3 正如您在示例中看到的,iFrame有一个滚动条,因为它认为它的页面大小是1920宽度 <?php if(login_check($mysqli)==true): ?> <body>
为了清楚起见,我已经删除了iFrame边框 因此,例如,如果iFrame的宽度为1000像素,则内容内页的宽度也应为
1000px
@100%
我使用的是bootstrap3
正如您在示例中看到的,iFrame有一个滚动条,因为它认为它的页面大小是1920宽度
<?php if(login_check($mysqli)==true): ?>
<body>
<div class="row-fluid">
<div class="col-md-4">
<h3>Clients</h3>
</div>
<div class="col-md-8">
<select>
<option value="name">First Name</option>
<option value="surname">Surname</option>
<option value="company">Company</option>
<option value="date">Date</option>
</select>
</div>
<div class="col-md-12">
<table id ="example" class="table table-striped table-bordered">
<thead>
<tr>
<th>Account</th>
<th>Name</th>
<th>Surname</th>
<th>Phone</th>
<th>Unit</th>
<th>Street</th>
<th>type</th>
<th>Suburb</th>
<th>Date</th>
</tr>
</thead>
<tbody>
<?php
$clients_list = "SELECT * FROM clients_table";
$details = $mysqli->query($clients_list);
while($row = mysqli_fetch_array($details)) {
echo '
<tr>
<td><input type="text" value="'.$row['_account'].'" id="_account'.$row['_account'].'" readonly="readonly"/></td>
<td><input type="text" value="'.$row['_first'].' " id="_first'.$row['_id'].'"/></td>
<td><input type="text" value="'.$row['_surname'].'"id="_surname'.$row['_id'].'"/></td>
<td><input type="text" value="'.$row['_phone'].'"id="_phone'.$row['_id'].'"/></td>
<td><input type="text" value="'.$row['_unit'].'" id="_unit'.$row['_id'].'"/></td>
<td><input type="text" value="'.$row['_street'].'" id="_street'.$row['_id'].'"/></td>
<td><input type="text" value="'.$row['_type'].'" id="_type'.$row['_id'].'"/></td>
<td><input type="text" value="'.$row['_suburb'].'"id="_suburb'.$row['_id'].'"/></td>
<td><input type="text" value="'.$row['_email'].'"id="_email'.$row['_id'].'"/></td>
</tr>';
}
?>
</tbody>
</table>
</div>
</div>
客户
名字
姓
公司
日期
账户
名称
姓
电话
单元
大街
类型
郊区
日期
据我所知,如果您的iframe中加载的页面响应良好,那么您将不会有任何问题
因此,如果您将高度和宽度设置为100%,那么它将完全“适合”iframe,使其看起来像主网页的一部分。这是bootstrap.css中的代码 请试一试
.table-responsive {
min-height: .01%;
overflow-x: auto;
}
@media screen and (max-width: 767px) {
.table-responsive {
width: 100%;
margin-bottom: 15px;
overflow-y: hidden;
-ms-overflow-style: -ms-autohiding-scrollbar;
border: 1px solid #ddd;
}