智博资讯网 - 推广引流_网络营销_电商创业_创业项目

网站介绍

这是一个使用HTML和CSS创建的简单响应式网站。该网站具有100%的宽度,高度和边距,使其能够在各种设备上自适应显示。

HTML代码

<!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 {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
font-family: Arial, sans-serif;
}
</style>
</head>
<body>
<header>
<h1>欢迎来到我的响应式网站</h1>
</header>
<section>
<h2>关于我</h2>
<p>这里是一段关于我的介绍。</p>
</section>
<footer>
<p>版权所有 &copy; 2023 我的网站</p>
</footer>
</body>
</html>

CSS代码

在上面的HTML代码中,我们已经通过<style>标签内的内容设置了全局样式。在这个例子中,我们设置了body元素的宽度为100%,高度为100%,并去掉了默认的外边距和内边距。这样,网页内容就会占据整个屏幕空间,实现响应式布局。

相关文章
在线客服
微信联系
客服
扫码加微信(手机同号)
电话咨询
返回顶部