オートスタイルチェンジャー
ウィンドウ幅によって自動的にスタイルシートが変化するスクリプトを組み込んでみました。
今までは自分のPCの画面幅(1024x768)しか気にしてなかったけど、ワイド画面で確認する環境ができたので、ワイド対応させました。
ただ、今までの画面サイズも維持したかったので、スクリプトで自動的に切り替えるようにしました。
動的にスタイルを変更するには、以下のサイトを参考にしました。
Alternative Style: Working With Alternate Style Sheets
ただ、ここで提供されてるスクリプトは自分のやりたいこととちょっと違ったんで、自分用に改良。
以下のリンクをクリックすると、試すことができます。
オートスタイルチェンジャー有効
無効も一応用意
オートスタイルチェンジャー無効
今のところ、
・Windows Mobile 向け 小画面スタイル (幅 〜400)
・今までのスタイル(幅 700〜1100)
・ワイドスクリーン向けスタイル(幅 1100〜)
に対応させるつもりです。
今のところ、気になる点がいくつかあるので、標準で無効にしてますが、問題がなければ標準で有効化する予定です。。
今までは自分のPCの画面幅(1024x768)しか気にしてなかったけど、ワイド画面で確認する環境ができたので、ワイド対応させました。
ただ、今までの画面サイズも維持したかったので、スクリプトで自動的に切り替えるようにしました。
動的にスタイルを変更するには、以下のサイトを参考にしました。
Alternative Style: Working With Alternate Style Sheets
ただ、ここで提供されてるスクリプトは自分のやりたいこととちょっと違ったんで、自分用に改良。
以下のリンクをクリックすると、試すことができます。
オートスタイルチェンジャー有効
無効も一応用意
オートスタイルチェンジャー無効
今のところ、
・Windows Mobile 向け 小画面スタイル (幅 〜400)
・今までのスタイル(幅 700〜1100)
・ワイドスクリーン向けスタイル(幅 1100〜)
に対応させるつもりです。
今のところ、気になる点がいくつかあるので、標準で無効にしてますが、問題がなければ標準で有効化する予定です。。
お知らせ > ブログ関係 | comments (4) | -