Buen dia a todos
tengo un inconveniente con un formulario que estoy construyendo en un proyecto .net
A manera de ejemplo tengo una pagina HTML responsive, la cual después de determinado ancho habilita un navicon (en el código lo represento como un botón) y una función javascriptque al oprimir el botón despliegue un div(que contendría mi menú, el despliegue consiste en variar su altura height de 0 a 100).
lo hace muy bien el botón pero cuando vuelvo la pagina al tamaño máximo de la pantalla la idea es que el menú desaparezca y eso lo manejo con la variable @media screen en un css. Despues de determinado ancho la idea es que desaparezca el div (colocando su valor alto en 0 nuevamente) al maximizar el ancho del screen. Lastimosamente al dar click y llamar la funcion java script no esta tomando el cambio al aumentar el ancho de pantalla en la validacion con la variable @media screen
me pueden dar una ayuda por favor copio aca el código HTML y el css
/código pagina html**********************/
<head Runat=Server>
<meta charset="utf-8">
<link href="css/nada.css" rel="stylesheet" type="text/css" />
</head>
<script type="text/javascript">
/código archivo css**********************/
/*******************************************************Large screens ----------- */
#caja{
/*******************************************************Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {
}
@media screen and (min-width:1024px) and (max-width:1224px) {
@media screen and (min-width:768px) and (max-width:1024px) and (orientation : portrait) {
}
/* iPads (portrait) ----------- */
@media screen and (min-width:768px) and (max-width:1024px) and (orientation : landscape) {
}
/*pilas a partir de este tamaña va el menu vertical*/
}
#caja{
}
#caja{
}
}
