我正在努力让我的学校项目的网站对移动设备友好,但我不想让用户通过向左或向右滚动来查看图像.我希望图像的最大宽度的值与用户屏幕的宽度相同.(当使用移动设备时)
CSS
html, body {
height: 100%;
width: 100%;
margin: 0;
}
header{
margin: 0 auto;
justify-content: center;
width: 519px;
height: 200px;
}
header img{
width: 519px;
height: 200px;
}
超文本标记语言
<header>
<h1 class="hidden">Welcome to caillou.tk!</h1>
<a href="/"><img src="img/k.png" alt="Caillou Logo"></a>
</header>
<nav>
<ul>
<li><a href="/">Home</a></li>
<li><a href="https://www.youtube.com/channel/UC4yQCVlLhTmOqX5kUkAGr0g">Watch</a></li>
<li><a href="characters">Characters</a></li>
<li><a href="about">About Caillou</a></li>
<li><a href="credits">Credits</a></li>
</ul>
</nav>
是的,这是一个关于Caillou的网站,我也有一个学校项目的网站