[JS]親è¦ç´ ã®ã‚µã‚¤ã‚ºã«åˆã‚ã›ã¦ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã‚’フィットã•ã›ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -FitTextフォントをé…ç½®ã—ãŸè¦ªè¦ç´ ã®ã‚µã‚¤ã‚ºã«åˆã‚ã›ã¦ã€ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã‚’フレã‚シブルã«ãƒ•ã‚£ãƒƒãƒˆã•ã›ã‚‹jQueryã®ãƒ—ラグインを紹介ã—ã¾ã™ã€‚ ※ブラウザã®ã‚µã‚¤ã‚ºã€ãƒ‡ã‚£ã‚¹ãƒ—レイã®ã‚µã‚¤ã‚ºãƒ»è§£åƒåº¦ã«åˆã‚ã›ã¦ã€ã§ã¯ã‚ã‚Šã¾ã›ã‚“。 FitText - A plugin for inflating web type デモページ [ad#ad-2] デモã§ã¯ã€width=100%ã§å®Ÿè£…ã•ã‚ŒãŸã€ŒFitTextã€ã¨ãã®ä¸‹ã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã«é©ç”¨ã•ã‚Œã¦ãŠã‚Šã€ãã‚Œãžã‚Œè¦ªè¦ç´ ã®ã‚µã‚¤ã‚ºãŒå¤‰æ›´ã•ã‚Œã‚‹ã¨å…±ã«ã€ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºãŒå¤‰æ›´ã•ã‚Œã¾ã™ã€‚ サイズを変更ã—ãŸã‚ャプãƒãƒ£ h1è¦ç´ ã®widthを「100%ã€ã«ã—ã¦ã„ã‚‹ãŸã‚ã€ãƒ–ラウザã®ã‚µã‚¤ã‚ºã‚’変更ã™ã‚‹ã¨ãƒ•ã‚©ãƒ³ãƒˆã®ã‚µã‚¤ã‚ºã‚‚追従ã—ã¾ã™ã€‚ FitTextã®å®Ÿè£… 下記ã¯ã€ãƒ‡ãƒ¢ï¼ˆh1è¦ç´ ã¨ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ï¼‰ã§ã®å®Ÿè£…例ã§ã™ã€‚ HTML <header> <h1>FitText</h1> <p class="dow
ã©ã‚“ãªè§£åƒåº¦ã®ãƒ‡ã‚£ã‚¹ãƒ—レイã§ã‚‚æ–‡å—ã‚’ã´ã£ãŸã‚Šå¤§ããç”»é¢ã«ãƒ•ã‚£ãƒƒãƒˆã§ãã‚‹jQueryプラグイン「FitTextã€:phpspot開発日誌
2010å¹´ã®Web制作ã«å½¹ç«‹ã¤æµ·å¤–ã¾ã¨ã‚記事ã®ã¾ã¨ã‚ - ã‹ã¡ã³ã¨.net
{{#tags}}- {{label}}
{{/tags}}