我刚接触html/css (我知道Javascript),这是我第一次真正尝试使用页面。图像很大,我希望它相对于整个窗口/容器大小调整自己的大小,并将自己与容器/窗口对齐。如果我的想法是正确的,我希望能够在可能的情况下用一个%的数字来调整大小。我知道我必须将图像移到标题下面的主体中。我的图像是否会通过标题从我的主背景中继承其响应属性(即宽度调整、对齐)?
<!DOCTYPE html>
<html>
<head>
<title>Mac Miller Tribute</title>
<link rel="stylesheet" type="text/css" href="C:\Users\geek\Desktop\New-Site\CSS\sytles.css">
</head>
<div class="main-image">
<a href="https://en.wikipedia.org/wiki/Mac_Miller" target="_blank">
<img src="C:\Users\geek\Desktop\New-Site\Images\macmiller.jpg" alt="Mac miller picture" >
</a>
</div>
<div class="main-background">
<h1 class="heading">Mac Miller Tribute</h1>
<body>
<p class="text">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
发布于 2018-12-19 04:56:15
你有没有试过在你的图片标签中添加‘width=“100%’?
<img width="100%" src="C:\Users\geek\Desktop\New-Site\Images\macmiller.jpg" alt="Mac miller picture" >
这应该允许你的图片相应地调整大小,同时始终保持容器大小的100%。
https://stackoverflow.com/questions/53840028
复制相似问题