ç”»é¢ã‚µã‚¤ã‚ºã«å¿œã˜ã¦ä»»æ„ã®CSSファイルをãƒãƒ¼ãƒ‰ã™ã‚‹JavaScriptライブラリ・sizeit.js - ã‹ã¡ã³ã¨.netç”»é¢ã®ã‚µã‚¤ã‚ºã‚’指定ã—ã¦ã€ã㮠サイズã«å¿œã˜ã¦ä»»æ„ã®CSSファイル ã‚’ãƒãƒ¼ãƒ‰ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—トã®ã”紹介。 Media Queriesç‰ã«ã‚ˆã£ã¦CSS㌠肥大化ã—ã¦ã—ã¾ã£ãŸå ´åˆã¯ä½¿ã£ã¦ ã‚ã’ã‚‹ã¨è»½é‡åŒ–ã§ãã‚‹ã‹ã‚‚ã§ã™ã。 指定ã—ãŸãƒ–レークãƒã‚¤ãƒ³ãƒˆã«åˆã‚ã›ã¦ã€ãƒãƒ¼ãƒ‰ã™ã‚‹CSSファイルを指定出æ¥ã‚‹ã€ã¨ã„ã†ã‚¹ã‚¯ãƒªãƒ—ト。éžä¾å˜åž‹ãªã®ã§å˜ä½“ã§åˆ©ç”¨å¯èƒ½ã€ã‚µã‚¤ã‚ºã‚‚圧縮版ã§1.7kbã»ã©ã¨è»½é‡ã§ã™ã€‚ Sample Media Queriesã®å ´åˆã€ä¸è¦ãªCSSã‚‚ãƒãƒ¼ãƒ‰ã—ã¾ã™ãŒã€sizeit.jsã¯ãƒ–レークãƒã‚¤ãƒ³ãƒˆã«å¿œã˜ãŸCSSファイルã®ã¿ã‚’èªã¿è¾¼ã‚€ã®ã§ã†ã¾ã使ãˆã°è»½é‡åŒ–ãŒå¯èƒ½ã§ã™ã€‚ ã•ã¦ã€ã‚µãƒ³ãƒ—ルã§ã™ãŒã€JQMを利用ã—ã€ãƒ–レークãƒã‚¤ãƒ³ãƒˆã‚’以下ã®ã‚ˆã†ã«è¨å®šã—ã¾ã—ãŸã€‚ å¹…ãŒ600px以下ãªã‚‰JQMã®CSSã‚’ãƒãƒ¼ãƒ‰ å¹…ãŒ1024px以下ãªã‚‰ä½•ã‚‚èªã¿è¾¼ã¾ãªã„ ãれ以外ã¯JQMã®CSSã‚’ãƒãƒ¼ãƒ‰ ã“ã†è¨å®šã™ã‚Œã°ã€601px～1
{{#tags}}- {{label}}
{{/tags}}