我想知道如何使这个html网站响应。它包含许多iFrame，这些iFrame被分组到一个表中。
首先是主页。
<!DOCTYPE html>
<html>
<head>
</head>
<body style="width:200%;">
<table>
<tr>
<td rowspan="2"><iframe name="mainframe" src="youtube cover art.jpg" width="1345" height="720"></iframe></td>
<th style="width:10px;"> </th>
<th style="width:446px;height:215px;font-size:40px;">Apps</th>
<th style="width:446px;height:215px;font-size:40px;">An overview for the day</th>
<th style="width:446px;height:215px;font-size:40px;">Settings</th>
</tr>
<tr>
<th style="width:10px;"> </th>
<td><iframe src="apps 1.html" width="446" height="500"></iframe></td>
<td><iframe src="http://feeds.bbci.co.uk/news/world/asia/rss.xml" width="446" height="500"></iframe></td>
<td><iframe src="settings 1.html" width="446" height="500"></iframe></td>
</tr>
</table>
</body>
</html>使用apps 1.html作为src的iframe
<!DOCTYPE html>
<html>
<head>
</head>
<body style="width:425px;">
<a href="about:blank" target="mainframe">blank</a>
<a href="youtube cover art.jpg" target="mainframe">wallpaper</a>
<a href="https://www.youtube.com/" target="mainframe"><img src="youtube.jpg"></a>
<a href="http://feeds.bbci.co.uk/news/world/asia/rss.xml" target="mainframe"><img src="BBC News.jpg"></a>
</body>
</html>以及设置为1.html的iframe作为src
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
var password = "Hudson1377";
var x = prompt("Enter in the password "," ");
if (x!== password) {
alert("Please try again.");
window.location.reload();
}
</script>
</head>
<body style="width:445px;">
<a href="javascript:window.location.href=window.location.href">log out</a>
</body>
</html>
3条答案
按热度按时间dzjeubhm1#
您必须使用css媒体查询以使其响应。但您可以使用宽度值中的百分比。示例：宽度=100%
hof1towb2#
您可以使用css媒体查询，确保使用最小宽度和最大宽度属性，断点应遵循此网格标准。xs:0，sm:480px，md:768px，lg:1024px
wb1gzix03#
自行车改造？使用引导和其他可用的库或框架