css - 为什么我的主页按钮没有根据我的 CSS 属性调整大小？

Question

这就是我在 Visual Studio 中将我的 CSS 与我的整个母版页链接的方式

<link rel="stylesheet" href="css/style.css" type="text/css" />

这就是我的主页按钮的创建方式。

<div id="homebutton">
<input type="image" src="image/logo.jpg">
</div>

这就是我的 CSS 的样子

#homebutton {
   position:absolute;
   left:0%;
   top:0%;
   margin: 0px;
   height:70px;
}

但是，当我将高度更改为任何像素时，主页按钮的大小仍然保持不变。直到现在我仍然不知道为什么。

score 2 · Accepted Answer

因为你正在改变 div 的高度。你必须改变输入的高度

#homebutton input[type=image]
{
   height:80px;
}

score 1 · Accepted Answer

由于您正在更改主页按钮的高度，因此<div>主页按钮（它是 jpeg）的大小不会改变，因为它不会自动适应周围的<div>.

您必须将自己的样式信息添加到<input>-Tag！否则，缩放 jpeg 不是一个好主意，因为它会变得模糊 - 您必须使用更大的图形或 SVG

2 回答 2