[JS]IE6ã§ã‚‚ブラウザã®ã‚µã‚¤ã‚ºã«åˆã‚ã›ã¦æœ€é©ãªã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’é©ç”¨ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -Adapt.jsCSS3ã®Media Queriesを使用ã—ã¦åŒæ§˜ã®ã“ã¨ãŒã§ãã¾ã™ãŒã€CSS3éžå¯¾å¿œãƒ–ラウザã§ã‚‚動作ã—ã€ä¸”ã¤jQueryãªã©ä»–ã®ã‚¹ã‚¯ãƒªãƒ—トã«ä¾å˜ã—ãªã„ã§ãƒ–ラウザã®å¹…ã‚’ãƒã‚§ãƒƒã‚¯ã—ã€ãã®ã‚µã‚¤ã‚ºã«æœ€é©åŒ–ã•ã‚ŒãŸã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ã¿ã‚’ãƒãƒ¼ãƒ‰ã•ã›ã‚‹è¶…軽é‡ï¼ˆ894bytes）ã®ã‚¹ã‚¯ãƒªãƒ—トを紹介ã—ã¾ã™ã€‚ Adapt.js - Adaptive CSS 左：ファイルåã€å³ï¼šã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚µã‚¤ã‚º [ad#ad-2] スクリプトã®åˆ¶ä½œã¯ã€Œ960 Grid Systemã€ã¨åŒã˜Nathan Smithæ°ãªã®ã§ã€960 Grid Systemã¨ã®ç›¸æ€§ãŒã‚ˆã„ã®ã§ã¯ãªã„ã§ã—ょã†ã‹ã€‚ ã¾ãŸã€å¯¾å¿œãƒ–ラウザã®è¡¨è¨˜ã¯è¦‹ã‚ãŸã‚Šã¾ã›ã‚“ã§ã—ãŸãŒã€IE6ã§ã‚‚動作ã—ã¾ã—ãŸã€‚ スクリプトã§ã¯ã€ä¸Šè¨˜ã‚ャプãƒãƒ£ã®ã‚ˆã†ã«ã‚µã‚¤ã‚ºã”ã¨ã«ç•°ãªã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’指定ã—ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ç’°å¢ƒã«åˆã‚ã›ã¦æœ€é©ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã§è¡¨ç¤ºã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ 下記ã¯ã€åŒã‚µã‚¤ãƒˆã‚’ブラ
ã‚‚ã†CSSãƒãƒƒã‚¯ã¯å¿…è¦ãªã—!? ブラウザ毎ã«CSSを切り替ãˆã‚‹ã€Œcssuseragent〠| Web活メモ帳
{{#tags}}- {{label}}
{{/tags}}