59 votos

Textarea altura: 100%

Aquí está mi violín: http://jsfiddle.net/e6kCH/15/

Puede sonar estúpido, pero no puedo encontrar una manera para hacer que el área de texto de altura igual a 100%. Funciona para el ancho, pero no para la altura.

Quiero que el área de texto para cambiar el tamaño en función del tamaño de la ventana...como funciona en mi violín para el ancho...

Alguna idea?

70voto

jsalonen Puntos 9651

La altura de un elemento está en relación con su progenitor. Por lo tanto, si usted desea hacer expandir su elemento en toda la altura de la ventanilla, es necesario aplicar CSS a html y body (el padre elementos):

html, body {
    height: 100%;
}

#textbox {
    width: 100%;
    height: 100%;
}

Solución alternativa con CSS3: Si se puede usar CSS3, también puedes utilizar la Ventanilla del porcentaje de unidades y directamente de la escala de su cuadro de texto a 100 % de la altura (y el 100% de ancho) de la ventanilla (jsfiddle aquí)

body {
    margin: 0;
}
#textbox {
    width: 100vw;
    height: 100vh;
}

1voto

dystroy Puntos 145126

Usted puede hacer que :

#textbox {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
}

Iteramos.com

Iteramos es una comunidad de desarrolladores que busca expandir el conocimiento de la programación mas allá del inglés.
Tenemos una gran cantidad de contenido, y también puedes hacer tus propias preguntas o resolver las de los demás.

Powered by:

X