以下のようなHTMLをAUの端末(W41H)で書いたときの話です。
DocomoやSoftBankでは起こりませんでした。
<div style="font-size:12px">
<select name="y">
<option>2008</option>
<option>2009</option>
<option>2010</option>
</select>
</div>
フォントのサイズ(12px)が小さいために
select の中の幅もそれに合わせて小さくなります。
20
08
--
20
09
--
20
10
こんな風に折れてしまいます。
selectの style属性 に width 指定や、font-size 指定をしましたが解消されず。
最終的には、以下のように、span で select をくくってそこだけフォントサイズを変えて対応しました。
<div style="font-size:12px">
<span style="font-size:20px;">
<select name="y">
<option>2008</option>
<option>2009</option>
<option>2010</option>
</select>
</span>
</div>
他にもよいやり方がありましたら、教えてください。
0 件のコメント:
コメントを投稿