私はjQueryMobile Webサイトで作業していましたが、これが私が作ったものです:
<body>
<p class="tekst">De "Snelle" methode, berekent alleen op het lichaamsgewicht, en is alleen nuttig voor mensen met een normaal vetpercentage maar zelfs is deze methode onnauwkeurig.</p>
<div class="ui-grid-c">
<div class="ui-block-a"><div class="ui-bar ui-bar-e" style="height:65px">Gewicht (kg)<input type="text" name="m1kg" id="m1kg" value=""></div></div>
<div class="ui-block-b"><div class="ui-bar ui-bar-e" style="height:65px">Afvallen:<input type="text" name="m1cut" id="m1Cut" value=""></div></div>
<div class="ui-block-c"><div class="ui-bar ui-bar-e" style="height:65px">Onderhoud:<input type="text" name="m1Onderhoud" id="m1Onderhoud" value=""></div></div>
<div class="ui-block-d"><div class="ui-bar ui-bar-e" style="height:65px">Aankomen:<input type="text" name="m1Bulk" id="m1Bulk" value=""></div></div>
</div><!-- /grid-c -->
<button id="btnmethod1">Bereken</button>
<p class="tekst">De Formule van Harris-Benedict, berekent op lichaamsgewicht,lenge,leeftijd en activiteitsniveau. Een vrij betrouwbare methode om te gebruiken.</p>
</body>
今、携帯電話 (Iphone 4) でこの Web サイトを開くと、画面のサイズが適切に変更されず、そこにあるものを読むためにズームインする必要があります。例:
ご覧のとおり、ズームインするまで何が起こっているのかほとんどわかりません。グリッドは 25%/25%/25%/25% を使用してブロックを表示しますが、何らかの理由でブロック/テキストボックス (?) の幅が大きすぎて収まりません。私が欲しいのは、ウェブサイトを開いたときにズームインする可能性がなく、ボタンが完全に収まるはずです。これを達成する方法を知っている人はいますか?