レスãƒãƒ³ã‚·ãƒ–イメージã¯pictureè¦ç´ ã§ï¼ | Webデザイン・Webデザイナースクール今回ã¯HTML5.1ã§æ–°ã—ãåŠ ã‚ã‚‹è¦ç´ ã®ä¸€ã¤ã§ã‚ã‚‹pictureè¦ç´ ã«ã¤ã„ã¦è§£èª¬ã—ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚HTML5.1ã¯2016å¹´9月ã®å‹§å‘Šã‚’目指ã—ã¦å‹•ã„ã¦ã„る仕様ã§ã™ãŒã€pictureè¦ç´ ã¯ã™ã§ã«å¤šãã®ãƒ¡ã‚¸ãƒ£ãƒ¼WebブラウザãŒå¯¾å¿œã—ã¦ãã¦ã„ã¾ã™ã®ã§ã€å®Ÿè£…çµæžœã‚‚テストã—ã‚„ã™ããªã£ã¦ã„ã¾ã™ã€‚Webブラウザã®å¯¾å¿œçŠ¶æ³ã¯ã€ŒCan I Use ...ã€ã§ç¢ºèªãã ã•ã„。 pictureè¦ç´ ã¨ã¯ レスãƒãƒ³ã‚·ãƒ–Webデザインã§ç”»åƒã‚’扱ã†éš›ã«ã€ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—å‘ã‘ã€ã‚¿ãƒ–レットå‘ã‘ã€ãƒ¢ãƒã‚¤ãƒ«å‘ã‘ã¨ã€ãã‚Œãžã‚Œã®ç”»é¢è§£åƒåº¦ã«æœ€é©åŒ–ã•ã‚ŒãŸç”»åƒã‚’扱ã†ã®ã«è‹¦åŠ´ã‚’ã—ãŸçµŒé¨“ãŒã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚デスクトップ用ã«ç”¨æ„ã—ãŸæ¨ªå¹…2,000pxã®ç”»åƒã‚’モãƒã‚¤ãƒ«ã‚µã‚¤ãƒˆã§ã‚‚ãã®ã¾ã¾ä½¿ã£ã¦ã„ã¦ã¯èªã¿è¾¼ã¿ã«æ™‚é–“ãŒã‹ã‹ã£ã¦ã—ã¾ã„ã€å¤§å¤‰ã§ã™ã。ãã“ã§ã€CSSã‚„JavaScriptを駆使ã—ã¦ã€ç”»åƒã‚µã‚¤ã‚ºã‚„デãƒã‚¤ã‚¹ã®å‘ã(縦å‘ã/横å‘ã)ã«åˆã‚ã›ã¦ç”»åƒ
{{#tags}}- {{label}}
{{/tags}}