酢ろぐ!

カレーが嫌いなスマートフォンアプリプログラマのブログ。

Windows PhoneでWebBrowserコントロールに表示されるコンテンツの見せ方を変える

これはアプリケーションのTipsというよりは、Windows Phone向けウェブサイトを作る際のTipsです。IE MobileとそれをレンダリングエンジンとしているWebBrowserコントロールは、ViewPortに対応しています。

デフォルトでは幅1,024ピクセルとしてレンダリングされてしまいますが、htmlファイルに以下のmetaタグを追加すると、ブラウザのウィンドウサイズの基準を端末の幅に合わせることが出来ます。

    <meta name="viewport" content="width=device-width"/>

また拡大縮小を止めさせたい場合は、以下のmetaタグを追加します。

    <meta name="viewport" content="user-scalable=no"/>

これはローカルリソースをWebBrowserコントロールで表示する場合にも適用可能です。