Html 如何在asp.net中调整屏幕后仍将标签放置在正确的位置
下面是我的代码,如果我在电脑中全幅查看标签,我可以将标签精确显示在系统屏幕上,如果我正在恢复屏幕,我的标签将以这种方式显示,即使在恢复时,我如何保持标签的精确位置Html 如何在asp.net中调整屏幕后仍将标签放置在正确的位置,html,css,asp.net,Html,Css,Asp.net,下面是我的代码,如果我在电脑中全幅查看标签,我可以将标签精确显示在系统屏幕上,如果我正在恢复屏幕,我的标签将以这种方式显示,即使在恢复时,我如何保持标签的精确位置 Below is my menu css .wrapper { width:1335px; margin:auto; position:fixed; } .menu { background-color: rgb(10,110,1
Below is my menu css
.wrapper {
width:1335px;
margin:auto;
position:fixed;
}
.menu {
background-color: rgb(10,110,178);
width: 100%;
margin: 0px 0px 10px;
padding: 0px;
height: 40px;
color: rgb(243,243,243);
border-radius: 5px 0 0 5px;
clear:both;
/*height: 2.9em;*/
position:fixed;
/*background-color:#6DBDD6;*/
z-index:1;
/*padding-top: 10px;*/
/*text-align: center;*/
}
.navigation_first_item {
border-left: 0px;
border-radius: 5px 0 0 5px;
}
.navitem_s {
float: left;
border-right: 1px solid rgb(10,85,125);
border-left: 1px solid rgb(67,153,200);
height: 40px;
background-color: rgb(14,79,114);
}
.menu ul {
}
.menu ul li {
float:left;
display:block;
list-style:none;
border-right:1px solid rgb(10,85,125);
border-left:1px solid rgb(67,153,200);
}
.menu ul li.navigation_first_item:hover {
border-radius:5px 0px 0px 5px;
}
.menu ul li a {
font-size:13px;
font-weight:bold;
line-height:40px;
padding:8px 20px;
color:rgb(255,255,255);
text-decoration:none;
}
.menu ul li:hover {
background-color: rgb(14,79,114);
border-right: 1px solid rgb(14,89,130);
}
.clear {
clear: both;
}
<div class="wrapper">
<div class="menu">
<div class="menu">
<ul>
<li id="MenuFileUpload" runat="server"><a href="FileUpload.aspx">File Upload</a></li>
<li id="MenuReports" runat="server"><a href="Reports.aspx" id="Rpf" runat="server">Reports</a></li>
<li id="lichangepwd" runat="server"><a id="A1" href="ChangePassword.aspx" runat="server">Change Password</a></li>
<%--<div style="width:auto;float:right;font-weight:bold;padding-right:0cm;">--%>
<li id="lilogout" runat="server" style="float:right" ><a id="A2" href="Login.aspx" runat="server"> Logout</a></li><%--</div>--%>
<li><a>
<asp:Label ID="lblmsg" runat="server" ForeColor="Red" BorderColor="White" Text="Label" Font-Size="Small"></asp:Label>
</a></li>
</ul>
</div>
</div>
正如Ferus所说,在菜单类中添加最小宽度!重要的是要确保它的应用 不建议使用最小宽度,特别是在设计响应性布局时。
尝试引导这将为您管理大部分内容。有关更多详细信息,请访问也许您可以为ini所做的div设置最小宽度,但它不起作用。您可以帮助我解决问题吗?您可以共享包装器类吗?是的,我将与您共享。包装器{宽度:1335px;边距:自动;位置:固定;}除了包装类,我还通过编辑我的原始帖子共享了listitems的css,因为列表项的注销和标签在恢复时被更改压缩浏览器的屏幕宽度取宽度:600px它只占网页的一半基本上宽度是100%,测量要保持为最小值的最小宽度。min width是元素位于下一行的宽度,例如600px。我对答案进行了更详细的编辑。
.menu{
// Existing styles
min-width: 600px !important;
}