文字のサイズに応じて拡大/縮小するCSSボックス実装
2007年12月10日
スポンサード リンク
CSS: The All-Expandable Box
In HTML, if you don’t specify a specific width, block-level elements are vertically expandable by their nature.
文字のサイズに応じて拡大/縮小するCSSボックス実装。
ブラウザの文字のサイズ変更によって、次のように、テキストを囲むボックスのサイズを変更するCSSテクニックが公開されています。
ブラウザの文字サイズを変更しても、ボックスのサイズはそのままだと文字が読みにくいというケースがあると思いますが、この仕組みでやれば、そういったことも解消されそうですね。
実際のデモはこちら
このデモを解析、応用することで、拡大、縮小にも対応したページ作りの参考となるでしょう。
関連エントリ
スポンサード リンク
投稿者 KJ : 2007年12月10日 10:09
|
![]()
間違いの指摘をしていただける方はメールでお願いします
最新のブログ記事
- 2008年8月29日 管理人のブックマーク
- 全キャリア対応のデコメールの作成・変換が可能なPHPライブラリ「Qdmail」
- プロフェッショナルなノートパソコンの広告風画像を作る流れ
- 歯車や雲、人型など実用的なPhotoshopブラシ集
- 2008年8月28日 管理人のブックマーク
- オープンソースの便利PHPスクリプトまとめサイト「Open Source PHP」
- 表示法が新しくセクシーなLightBox「SexyLightBox」
- 背景画像やテクスチャ画像のリソース13サイト
- 2008年8月27日 管理人のブックマーク
- Ajaxベースのクールなショッピングカート作成
- WEBで好きな曲を共有可能な音楽共有オープンソース「Opentape」


















