为什么我的主页按钮不会根据我的CSS属性调整大小？

Question

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

<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;
}

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

Answer 1

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

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

Answer 2

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

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