ã‚‚ã†CSSãƒãƒƒã‚¯ã¯å¿…è¦ãªã—!? ブラウザ毎ã«CSSを切り替ãˆã‚‹ã€Œcssuseragent〠| Web活メモ帳CSSã§ãƒšãƒ¼ã‚¸ã‚’デザインã™ã‚‹éš›ã«ã€ãƒ–ラウザ毎ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®é•ã„ã£ã¦æœ¬å½“ã«å«Œã§ã™ã‚ˆã。 CSSãƒãƒƒã‚¯ã§å¯¾å¿œã™ã‚‹æ–¹ã‚‚多ã„ã‹ã¨æ€ã„ã¾ã™ãŒã€æœ¬æ—¥ç´¹ä»‹ã™ã‚‹ã€Œcssuseragentã€ã‚’使ã†ã¨classã®ä½œã‚Šæ–¹ã‚’å°‘ã—工夫ã™ã‚‹ã ã‘ã§ã‚ˆã‚ŠæŸ”軟ã«å¯¾å¿œã§ãるよã†ã«ãªã‚Šã¾ã™ã€‚ 詳ã—ãã¯ä»¥ä¸‹ è¨å®šæ–¹æ³•ã¯JavaScriptを一ã¤èªã¿è¾¼ã‚€ã ã‘ã«ãªã‚Šã¾ã™ã€‚ <script src="cssua.min.js" type="text/javascript"></script> ã“ã®ãƒ©ã‚¤ãƒ–ラリを使ã†ã¨ã€ãƒšãƒ¼ã‚¸ã®html属性ã«å‹•çš„ã«classå±žæ€§ã‚’è¿½åŠ ã™ã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ 例ãˆã°ã§ã™ãŒã€IE6ã§ã‚¢ã‚¯ã‚»ã‚¹ã—ãŸå ´åˆã«ã¯ ua-ie-6ã¨ã„ã†classåãŒè¿½åŠ ã•ã‚Œã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ <html class="ua-ie-6"> <head>…</head> <body>…</body> </html> iPhoneã®å ´åˆã¯ua-
ã‚ãšã‹å››æ–‡å—ã§IE6/7/8を区別ã™ã‚‹CSSãƒãƒƒã‚¯ | コリス
{{#tags}}- {{label}}
{{/tags}}