20160HTML/CSSviewportにピクセル指定するとAndroidで拡大表示される問題スマホ向けサイトを作っている場面において、デザインが固定幅とすると、viewportにdevice-widthではなくピクセル指定したい場合があります。content="width=750">とするとうまくいくのですが、ピンチによる拡大縮小を禁止したい場合、user-scalable=noをつけます。content="width=750,user-scalable=no">iOS端末はこれで問題ないのですが、Android端末において拡大表示される(画面がはみ出る)問題が出てしまいます。そこで、Android向けにもう一つ属性を追加します。content="width=750,user-scalable=no,target-desitydpi=device-dpi">とすることで端末横幅にきっちり収まるようになります。iOSアプリ開発iOSのUIWebViewでフォントサイズが勝手に変わる場合の対処UIWebView(サファリもか?)で、条件によってフォントサイズが指定したものより大きく表示されることがあります。その場合、下記スタイルを適用することで直るっぽいです。type="text">テキストボックスが表示されます。フォーカスを合わせると、キーボードは表示されるのに、なぜか文字が入力できないという問題がありました。入力エリアへの入力も出来なくなっていたようでした。inputとtextareaへは別途指示するように修正してうまくいきました。auto;}iOSで、UIWebViewベースで作成している時の話なので、Androidだとどうなんかわからん感じAuthorLOGSTACKWEB設計やiPhone/Androidスマフォのアプリ開発、その他システム開発全般におけるメモ書きです。