Comment avoir des boutons de la hauteur de remplissage de l'espace vertical d'un site web?

J'ai un site web mobile et il dispose de 3 boutons et d'un couple de lignes de texte. J'ai le texte centré (à l'horizontale), et les boutons de prendre toute la largeur de l'écran. Cependant, j'ai besoin de la hauteur des boutons à l'échelle de prendre la totalité de l'écran. Comment puis-je rendre les boutons échelle verticale?

<p>PROCRASTINATION TIMER v2.0.0</p>

<span id="current">Currently WAITING</span><br/>
<span>Time to Work: </span><span id="work">Not set.</span><br/>
<span>Time to Derp: </span><span id="derp">Not set.</span><br/>

<button onclick="get_workderp_times();" id="startbutton" style="width:100%;height:33%;">Start</button><br/>
<button onclick="switchstatus('Derp');" id="derpbutton" style="width:100%;height:33%;">Derp</button><br/>
<button onclick="switchstatus('Work');" id="workbutton" style="width:100%;height:33%;">Work</button><br/>

<p>Created by Snake Squared Industries</p>

C'est en chrome avec la hauteur réglée à 33%:

style="width:100%;height:33%;"

Comment avoir des boutons de la hauteur de remplissage de l'espace vertical d'un site web?

C'est en chrome sans hauteur définie:

style="width:100%;"

Comment avoir des boutons de la hauteur de remplissage de l'espace vertical d'un site web?

C'est en chrome avec hauteur de 100%:

style="width:100%;height:100%;"

Comment avoir des boutons de la hauteur de remplissage de l'espace vertical d'un site web?

(En passant, j'ai vérifié, les résultats sont les mêmes dans IE trop...)

  • R u à l'aide de Jquery Mobile Site??? Peut-u s'il vous plaît poster le code HTML
  • Je ne suis pas à l'aide de jQuery.
InformationsquelleAutor Anubian Noob | 2013-10-23