ãªã‚“ã§ã‚‚ã‹ã‚“ã§ã‚‚pictureè¦ç´ を使ãˆã°ã„ã„ã‚ã‘ã˜ã‚ƒãªã„ï¼ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–・イメージ実装ã®éš›ã®æ³¨æ„点画åƒè¡¨ç¤ºã®ãƒžãƒ«ãƒãƒ‡ãƒã‚¤ã‚¹å¯¾å¿œã‚’HTMLã¨CSSã®ã¿ã§å®Ÿç¾ã§ãる「レスãƒãƒ³ã‚·ãƒ–・イメージã€ã§ã™ãŒã€åŠ¹æžœçš„ãªä½¿ã„方をã™ã‚‹ã«ã¯ã€ã„ãã¤ã‹æ³¨æ„点ãŒã‚ã‚Šã¾ã™ã€‚プãƒãƒ€ã‚¯ã‚·ãƒ§ãƒ³ãƒ»ã‚µã‚¤ãƒˆã§ä½¿ãˆã‚‹ã‚ˆã†ã«ãªã‚‹ã¾ã§ã«ã¯ã‚‚ã†å°‘ã—時間ãŒã‹ã‹ã‚Šãã†ã§ã™ãŒã€åŸºç¤Žã¨æ³¨æ„点ãらã„ã¯ä»Šã‹ã‚‰è¦šãˆã¦ãŠã„ã¦ã‚‚良ã•ãã†ã§ã™ã€‚ Cloud Fourã¨ã„ã†ã‚¢ãƒ¡ãƒªã‚«ã®åˆ¶ä½œä¼šç¤¾ã®ãƒ–ãƒã‚° ã§ã€<picture>è¦ç´ ã®ä½¿ã„æ–¹ã«ã¤ã„ã¦æ³¨æ„を促ã—ã¦ã„ã¦ã€ã¨ã¦ã‚‚é‡è¦ãªæƒ…å ±ã ã¨æ€ã£ãŸã®ã§ã“ã¡ã‚‰ã§ã‚‚シェアã—ã¾ã™ã€‚先日書ã„ãŸãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–・イメージã¨Picturefill 2ã®ã¾ã¨ã‚ã¨ã‚ã‚ã›ã¦ã€è¿‘ã„å°†æ¥ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–・イメージ実装ã®å‚考ã«ãªã‚Œã°å¹¸ã„ã§ã™ã€‚ ã¾ãšã¯æŽ¨å¥¨ã®è¨˜è¿°æ–¹æ³•ã‹ã‚‰ レスãƒãƒ³ã‚·ãƒ–・イメージ実装ã®éš›ã«æŽ¨å¥¨ã•ã‚Œã‚‹HTMLã®è¨˜è¿°æ–¹æ³•ã¯ä»¥ä¸‹ã®ã¨ãŠã‚Šã§ã™ï¼š ã¨ã‚Šã‚ãˆãšã€ã“ã‚Œã ã‘覚ãˆã¦ãŠã‘ã°ã€ç´°ã‹ã„ã¨ã“ã‚ã¯ã“ã®è¨˜äº‹ã‚’ã¯ã¦ãƒ– ã—ã¦ãŠã„ã¦ã€ä½¿ã†æ™‚ã«ã‚‚ã†ä¸€åº¦è¦‹ãª
Media Queries を使ã£ã¦ã€Webサイトをスマートフォンã«å¯¾å¿œã•ã›ã‚‹ã¨ãã®æ³¨æ„書ã
HTML5/CSS3ã®ãƒ†ãƒ³ãƒ—レートã®ã¾ã¨ã‚ | コリス
[CSS]Responsiveデザイン対応ã®ãƒšãƒ¼ã‚¸åˆ¶ä½œã«å½¹ç«‹ã¤5ã¤ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯
{{#tags}}- {{label}}
{{/tags}}