タグ

ブックマーク / labs.synck.jp (1)

  • iPhoneとiPadでviewportを分けるJavascript

    iPhoneiPadは解像度がデラ違うもんだがよーmetaのviewportが同じだっだら表示がえろー崩れるからJavascript先生。これは技というにはあまりにもおこがましいですが単純にifでユーザエージェントからviewportを分けてるだけ。でも便利かも。 Javascriptで書くとこんな感じ。 var d = window.document;if(navigator.userAgent.indexOf('iPhone') > -1) d.write('iPhone用のviewport');else if(navigator.userAgent.indexOf('iPad') > -1) d.write('iPad用のviewport');といった具合。これをhead内で呼び出すのみ。たったこれだけでiPadにも対応できるんだからよく設計されてるよなぁMobile Safari

    nilab
    nilab 2012/09/07
    iPhoneとiPadでviewportを分けるJavascript : 「if(navigator.userAgent.indexOf('iPhone') > -1) d.write('iPhone用のviewport'); else if(navigator.userAgent.indexOf('iPad') > -1) d.write('iPad用のviewport');」
  • 1