html - 刷新页面会改变UI布局

Question

我是网络开发的新手。我正在使用 asp.net。下面是我在 .aspx 文件中使用的 CSS。当我在手机中打开它时，用户界面看起来不错，尽管 #background 比整个页面长一点。

<style type="text/css">
    #form1 {
        position: absolute;
        z-index: 1;
    }
    #background {
        position: absolute;
        width: 100%;
        height: 180%;
        z-index: 0;
    }
    #Image1{
        position:relative;
        width:100%;
        height:100%;
    }
</style>

当我单击该按钮时，UI 会刷新，使#background 与整个页面大小相同，但会扩展#Image1 的大小。为什么页面的刷新会这样呢？如何避免？谢谢。

    <div align="center">
        <asp:Button ID="Reserve" runat="server" Width="800px" Text="Reserve" Font-Size="45px" BackColor="OrangeRed" ForeColor="White" OnClick="Reserve_Click"/>
    </div>

Answer 1

已解决。问题出在后端代码上

Response.Write("<script>alert(....)"). 

改成之后

Page page=this.Page;
if (!page.ClientScript.IsStartupScriptRegistered(page.GetType(), "alert"))
{
  page.ClientScript.RegisterStartupScript(page.GetType(), "alert", "<script>alert(....)");
}

CSS 没问题。引用自 https://blog.csdn.net/woshixuye/article/details/7217261