例として、テンキーのようなものに似たjqueryモバイルでグリッドを構築しようとしています。
私が目指しているのは、グリッドがページの高さの特定の割合 (たとえば 75%) を占めるようにすることです。私の試みは、contentセクションをに伸ばしheight: 100%、実際のグリッドをに伸ばし、height: 75%次に各ブロックをに伸ばすことでしたheight: 20%(5 行なので)。
ただし、うまくいかないようです（フィドル）。要素を調べると、contentセクションが無視されているように見えますheight: 100%(pageラッパーにはフルサイズがあります)。しかし、私は理由を見つけることができないようです。
なぜこれが起こっているのか、グリッドを伸ばして利用可能な高さの 75% を占めるようにする方法を教えてもらえますか?
この質問は同じ問題に関するものであるように見えますが、そこには答えがありません。