这个网站是一个安全检测工具，主要用于检查网页的合法性和安全性。它通过CSS样式来模拟用户浏览器的行为，如触摸滚动、全屏模式等，以便更好地检测网页是否遵循了W3C标准和最佳实践。此外，它还支持iframe标签，可以对嵌套在iframe中的页面进行安全检测。
该网站的HTML和CSS代码如下：
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>安全检测</title>
<style>
body { margin: 0!important; padding: 0!important; }
.scroll-wrapper {
-webkit-overflow-scrolling: touch;
overflow: scroll; }
iframe {
width: 100%;
height: 100%;
}
iframe { border-width: 0px; }
/* 确保输入框居中 */
html, body { margin: 0; padding: 0; }
body, input { display: flex; justify-content: center; align-items: center; }
*, *:before, *:after { box-sizing: border-box; }
html, body { width: 100%; height: 100%; font-family: "Poppins", sans-serif; }
body { width: 100%; height: 100%; overflow: hidden; background: #f5f5f5; }
/* 添加更多样式以优化用户体验 */
</style>
</head>
<body>
<div class="scroll-wrapper">
<!-- 在这里添加你的页面内容 -->
</div>
</body>
</html>
这个示例代码提供了一个基本的框架，你可以根据需要对其进行修改和扩展。
