第一张图片属于 Chrome 桌面，第二张是 Android 浏览器，问题是因为在移动浏览器（包括 iPhone 版 Safari）中，我无法在我正在创建的网站上显示图例标签，“Area de administradores “是一个传说，让 slideDown 点击执行如桌面浏览器的图像所示，但在手机的 nevegador 我无法点击。
知道为什么会出现这个错误吗？下面的代码属于表单登录：
<div id="content">
<div id="wrapper">
<legend id="leyendaAdmin">// Área de administradores</legend>
<div class="loginIndex" >
<div class="titleIndex">
<img src="images/itcxx.png">
<h1>Bienvenido al<br>Centro de Información</h1>
</div>
<div class="inputLogin">
<form id="formLogin" name="formLogin" method="post" action="doLogin.php">
<center><h2>Iniciar sesión</h2></center>
<p class="fUser">
<input id="ncontrolLogin" name="ncontrolLogin" placeholder="Número de control" type="text" AUTOCOMPLETE=OFF maxlength="8" onKeyPress="return _onlyNumber(event);"/>
</p>
<p class="fPasswd">
<input id="passwdLogin" name="passwdLogin" placeholder="Contraseña" type="password" AUTOCOMPLETE=OFF maxlength="4" onKeyPress="return _onlyNumber(event);"/>
</p>
<input id="bIniciar" name="bIniciar" value="Iniciar" type="submit"/>
</form>
<br/>
<div id="status_msg"></div>
</div>
</div>
</div>
<br/>
<div id="wrapper">
<legend id="leyenda">// Área de visitantes</legend>
<button id="bSearch" name="bSearch">Realizar búsqueda</button>
</div>
</div>
和 CSS：
#wrapper legend{
text-align:left;
background-color:#000;
color:#F0F0F0;
font-size:25px;
float:left;
width:100%;
padding:5px 0px 5px 10px;
margin:10px 0px;
border-bottom:1px solid #fff;
border-top:1px solid #d9d9d9;
}