网站简介
这是一个使用HTML、CSS和JavaScript创建的响应式网站。通过使用<meta>标签和内联样式，我们可以实现设备的自适应布局。在这个示例中，我们创建了一个包含iframe的页面，用于加载另一个名为/qifei.html的页面。同时，我们还设置了iframe的尺寸和位置，使其填充整个父容器。
HTML结构
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1, maximum-scale=1, user-scalable=no">
<title>响应式网站示例</title>
<style>
html, body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
iframe {
width: 100%;
height: 100%;
border: none;
background: #fff;
scrolling: auto;
}
div1 {
-webkit-overflow-scrolling: touch;
overflow-y: scroll;
}
</style>
</head>
<body>
<div id="container">
<iframe src="/qifei.html"></iframe>
</div>
</body>
</html>
在这个HTML结构中，我们创建了一个名为container的div元素，用于承载iframe。通过设置overflow-y: scroll;,我们使div1具有滚动条功能，以便在需要时可以在其内部滚动内容。最后，我们将iframe的样式设置为填充整个容器。
