Html 如何在asp.net中固定页眉徽标的大小(不裁剪)以缩小页面?

Html 如何在asp.net中固定页眉徽标的大小(不裁剪)以缩小页面?,html,css,asp.net,zooming,Html,Css,Asp.net,Zooming,编辑:下面是我的截图: 我总是在工作中研究stackoverflow,但这是我的第一个问题。 当我放大时,没有裁剪问题,但缩小了标题徽标。我怎样才能解决这个问题?谢谢。下面是我的代码: /* background */ .content { width:100%; height:100%; background: url(Styles/light.jpg) no-repeat center center fixed; -webkit-background-si

编辑:下面是我的截图:

我总是在工作中研究stackoverflow,但这是我的第一个问题。 当我放大时,没有裁剪问题,但缩小了标题徽标。我怎样才能解决这个问题?谢谢。下面是我的代码:

/* background */
.content
{
    width:100%;
    height:100%;
    background: url(Styles/light.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

/* header logo */
.header 
{
    width: 100%;
    height: 227px;
    background: url(images/header.png) no-repeat center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}
HTML:


加载。请稍候。






请添加您的html代码。当您缩小时,您期望/希望发生什么?这是一个html/CSS问题。似乎与ASP.NET或Razor没有直接关系(它们只是用来创建HTML,这将是问题的主题)。请删除不相关的标签。几乎可以肯定的是,如果不看到相关的HTML,就不可能回答这个问题,理想情况下,这是一个“缩小”时它应该是什么样子的示例(顺便说一句,放大到了多少%)。@Ken Syme的项目相互混淆了。(我指的是包含菜单项的选项卡)。很抱歉没有共享这些标签,这是我工作的公司的隐私政策。@Vishnu很抱歉我忘了,我要更新这个问题。请添加你的html代码。当你缩小时,你期望/希望发生什么?这是一个html/CSS问题。似乎与ASP.NET或Razor没有直接关系(它们只是用来创建HTML,这将是问题的主题)。请删除不相关的标签。几乎可以肯定的是,如果不看到相关的HTML,就不可能回答这个问题,理想情况下,这是一个“缩小”时它应该是什么样子的示例(顺便说一句,放大到了多少%)。@Ken Syme的项目相互混淆了。(我指的是包含菜单项的选项卡)。很抱歉没有分享标签,这是我工作的公司的隐私政策。@Vishnu很抱歉我忘了,我要更新这个问题。
<body>
        <div id="loading" class="loading" align="center">
            Loading. Please wait.<br />
        </div>
        <form runat="server">
        <div class="page">
            <div class="main">
                <div class="header">
                    <div class="HeaderText" style="font-size: 60px; color: #014464;">
                        <div class="marka" style="margin: auto; width: 921px; height: 143px">
                            <div class="logo">
                                <h1>
                                    <a href="/MainPage.aspx">
                                    </a>
                                </h1>
                            </div>
                            <br />
                            <br />
                            &nbsp;&nbsp;
                            <br />
                            &nbsp;&nbsp;&nbsp;
                            <br />
                            <br />

                            <div style="margin-left: auto; margin-right: auto; text-align: right; position:static; width:auto;">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        </form>
</body>