タグ

関連タグで絞り込む (2)

タグの絞り込みを解除

Web制作とスマートフォンに関するhtsignのブックマーク (1)

  • スマホ対応の参考に。JavaScriptでウェブページがどのくらい拡大されているのかを取得する方法。

    こんにちは。開発担当の林です。 iPhone / iPad のウェブブラウザでページを見ているとき、けっこうな割合でピンチイン・ピンチアウトすると思いますが、それがどのくらい拡大されているのかを取得する方法を書きます。 また、応用でピンチイン・ピンチアウトされても、見た目のサイズを維持するにはどのくらい拡大すれば良いかということにも触れたいと思います。 広告バナーなんかでよく使われてるアレの仕組みです。何かのお役に立てれば幸いです。 ウェブページがどのくらい拡大されているのかを取得する // ページの幅 ÷ 表示されている幅(この行だけでいいかな) var zoomer = document.body.clientWidth / window.innerWidth; // 以下で拡大率を目視できるでしょう alert( zoomer ); // 小数点がたくさんつくので、第二位までに丸め込

    スマホ対応の参考に。JavaScriptでウェブページがどのくらい拡大されているのかを取得する方法。
    htsign
    htsign 2012/08/28
    モバイルでは表示領域のフレーム分割ができないのでこのテクニックは重要かな。
  • 1