如何在asp .net(没有裁剪)中修改标题徽标的大小来缩小页面?

时间:2017-09-13 11:17:07

标签: html css asp.net page-zoom

编辑:以下是我的截图: Normal view Zoom out view

我在工作期间总是研究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:

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

0 个答案:

没有答案