LOGSTACK

Tips for programming

Posts Categorized / HTML/CSS

  • 2月 16 / 2016
  • 0
HTML/CSS

viewportにピクセル指定するとAndroidで拡大表示される問題

スマホ向けサイトを作っている場面において、
デザインが固定幅とすると、viewportにdevice-widthではなくピクセル指定したい場合があります。

とするとうまくいくのですが、
ピンチによる拡大縮小を禁止したい場合、user-scalable=noをつけます。

iOS端末はこれで問題ないのですが、
Android端末において拡大表示される(画面がはみ出る)問題が出てしまいます。
そこで、Android向けにもう一つ属性を追加します。

とすることで端末横幅にきっちり収まるようになります。


  • 5月 15 / 2015
  • 0
HTML/CSS, iOSアプリ開発

iOSのUIWebViewでフォントサイズが勝手に変わる場合の対処

UIWebView(サファリもか?)で、条件によってフォントサイズが指定したものより大きく表示されることがあります。
その場合、下記スタイルを適用することで直るっぽいです。


  • 5月 14 / 2015
  • 0
HTML/CSS, iOSアプリ開発

テキストボックス<input type=”text”>で、入力が出来ない問題

適当にWebViewで下記のソースを読み込み、

テキストボックスが表示されます。

で、フォーカスを合わせると、キーボードは表示されるのに、なぜか文字が入力できないという問題がありました。
しばし悩んだ結果、スタイルに下記を発見

この中の、”-webkit-user-select” でコンテンツを選択できないようにしているのですが、
入力エリアへの入力も出来なくなっていたようでした。

で、inputとtextareaへは別途指示するように修正してうまくいきました。

iOSで、UIWebViewベースで作成している時の話なので、
Androidだとどうなんかわからん感じ