C# Masterpage 图片在打开其他网页时被拉伸

Question

我的母版页上有一张我们徽标的图片，以前当我打开网站上的其他页面时，图片大小相同。当我将图片更新为新图片时，母版页看起来可以找到，但是当我打开其他页面时，图片会被拉伸（请参阅链接）。 Master Page Sub Page

这是我的母版页代码，直到图片开始播放为止：

<%@ 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" />

Answer 1

我通过改变原始 png 文件的大小解决了这个问题。

C# Masterpage 图片在打开其他网页时被拉伸

C# Masterpage picture being stretched when opening other webpages

c#

master-pages