タグ

ブックマーク / blog.activefactor.org (2)

  • あたまの中の文字 - canvasとzoomプロパティ

    スマートフォンの解像度はまちまちなので、viewportと、CSSのzoomプロパティを使って、なるべく1ソースでなんとかならないか検証していた時にハマったのでメモ。 viewportが効く端末では気にすることもなかったのですが、手元にある初代Xperia(AndroidOS2.1アップデート済み)はviewportがうまく効かないので、javascriptで全体を拡大しようと考えました。 そこで、XperiaのuserAgentを取得判別し、html要素に対してCSSのzoomプロパティをjavascriptで制御しました。 var ua=navigator.userAgent; var xperiaFlag = (ua.indexOf("SonyEricssonSO-01B")>0); var contZoom; if(xperiaFlag){ if(screen.widt

    yuiseki
    yuiseki 2011/06/09
  • あたまの中の文字 - HTC EVO user-scalable=noがきかない

    HTC EVOをさわせてもらって、発見があったのでメモ。 viewportでuser-scalable=noを設定しても、ピンチイン、ピンチアウトで気持ちいいくらい拡大縮小できますね。(^^; 最初は、前のページのviewportに依存しているのかと思ったけど、関係ありませんでした。 HTC EVO持たれている方、Yahooのトップページのスマホ版を見てもらえば分かりますが、ピンチインピンチアウトできます。 ユーザーの使い勝手を考えると、サイズ変更出来る方が正しい気もしますが、リソースを使いまわして運営をしたい制作側では嫌な感じですね。

    yuiseki
    yuiseki 2011/06/09
  • 1