Bootstrap な ASP.NET MVC ページをスマホ/タブレットで表示してみる

デフォルトの ASP.NET MVC ページと Bootstrap を適用したページとを実際の スクリーンキャプチャーで比較 してみましたが、もちろんこのページはスマホやタブレットでも綺麗に見えます。HTML なので当然なのですが。

Windows Phone ではあまりにも恣意的なので、あえて iPhone, iPad での表示結果を紹介します。
(といってもエミュレーターの画面ですが。なおフォントフェイスがちょっと・・・ですが、これはエミュレーター側の制限です)

 

SNAGHTML108f0b9SNAGHTML1095075SNAGHTML109a519SNAGHTML10a3161

 

SNAGHTML10aafd3SNAGHTML10af3d5
SNAGHTML10b6607SNAGHTML10bba6e

コーディングは特段難しいものではありません。もちろん知っておくべき事項はありますが、Bootstrap ではそれほど多くありません。

このあたりは 6月15日(土) の技術ひろば.net の勉強会 で実際に紹介します。

インフラジスティックス池原さんの 「HTML / jQuery で実現するインタラクティブ UI 構築」、MS 井上章さんの 「TypeScript ファーストステップ」 のセッションもあります。
お時間の許す方はぜひぜひ遊びに来てください!

広告
カテゴリー: Web タグ: , パーマリンク

コメントを残す

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト / 変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト / 変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト / 変更 )

Google+ フォト

Google+ アカウントを使ってコメントしています。 ログアウト / 変更 )

%s と連携中