jQueryMobile

コンテンツをフルスクリーンで表示する

ヘッダ、フッタにdata-position="fixed"とdata-fullscreen="true"を設定すると、表示されるコンテンツの周囲に余白が全くないフルスクリーンで表示されます。これは動画、画像など画面全体で楽しむコンテンツを表示するときに使用します。このとき設定で追加されたヘッダ、フッタはCSSでopacity:0.9に設定されるので、背景ページが少し透過して見えます。

サンプルコードの実行結果はこちら

-jQueryMobile
-, ,