我的主页上有一张我们徽标的图片，以前当我打开网站上的其他页面时，图片的大小相同。当我将图片更新为新图片时，母版页看起来是找到的，但当我打开其他页面时，图片会被拉伸(请参阅链接(。母版页子页
这是我的主页代码，直到图片开始发挥作用：
<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="MasterPage.master.cs" Inherits="OnCallWeb.MasterPage" %>
<!DOCTYPE html>
<html>
<head runat="server">
<title>Union County Dispatch Website</title>
<link rel="stylesheet" href="MenuStyle.css" />
<style>
body {
background-color:gainsboro;
background-size:cover;
background-attachment:fixed;
}
.auto-style1 {
width: 783px;
height: 137px;
}
.auto-style2 {
left: 0;
top: -1px;
width: 100%;
}
</style>
<asp:ContentPlaceHolder ID="head" runat="server">
</asp:ContentPlaceHolder>
</head>
<body>
<form id="form1" runat="server">
<div>
<nav class="auto-style2">
<div><img src="~/img/OnCallWebLogo2022.png" runat="server" class="auto-style1" /></div>
<label class="toggle" for="drop">Menu</label>
<input type="checkbox" id="drop" />
我通过更改原始png文件的大小来解决这个问题。