サイズã®æ±ºã¾ã£ã¦ãªã„ç”»åƒã‚’決ã¾ã£ãŸã‚µã‚¤ã‚ºã®è¡¨ç¤ºé ˜åŸŸã«ä¸Šä¸‹å·¦å³ä¸å¤®ã«è¡¨ç¤ºã™ã‚‹ ｜ Tips Note by TAM決ã¾ã£ãŸå¯¸æ³•ã®é ˜åŸŸã«ã€ç¸¦æ¨ªæ¯”もサイズもãƒãƒ©ãƒãƒ©ã®ç”»åƒã‚’「ã†ã¾ã„ã“ã¨ã€è¡¨ç¤ºã—ãªã„ã¨ã„ã‘ãªã„ãªã‚“ã¦ã“ã¨ãªã„ã§ã—ょã†ã‹ã€‚ HTML + CSSã§åœ°å‘³ã«è‹¦åŠ´ã™ã‚‹ä¸Šä¸‹å·¦å³ä¸å¤®ã¨ã‚µã‚¤ã‚ºã®èª¿æ•´ã€æœªã ã«ä¸€ç™ºæ›¸ããŒå‡ºæ¥ã¾ã›ã‚“。 flexboxãªã©ã®æ–°ã—ã„プãƒãƒ‘ティãŒä½¿ãˆã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸãŒã€Internet Explorerã®ã“ã¨ã‚’考ãˆã‚‹ã¨ãªã‹ãªã‹æ‰‹æ”¾ã—ã§ã¯ä½¿ãˆãªã„ã®ãŒç¾çŠ¶ã§ã™ã€‚ 縦横ã©ã¡ã‚‰ã‚‚è¦å®šã‚ˆã‚Šå°ã•ã„ç”»åƒã¯ä¸Šä¸‹å·¦å³ä¸å¤®ã«åŽŸå¯¸è¡¨ç¤º 縦横比ãŒè¡¨ç¤ºé ˜åŸŸã¨ç•°ãªã‚Šã€è¦å®šã‚ˆã‚Šã‚‚サイズãŒå¤§ãã„ç”»åƒã¯é•·è¾ºã‚’縮ã‚ã¦æœ€å¤§å¹…ã«åˆã‚ã›ã¦ç¸®å°ã—ã€ä¸Šä¸‹ã‚‚ã—ãã¯å·¦å³ã®ä¸å¤®ã«è¡¨ç¤º ç”»åƒã‚’トリミングも引ã伸ã°ã—ã‚‚ã›ãšã«ã€åŽŸå¯¸ã‚‚ã—ãã¯ãれ以下ã§å…¨éƒ¨è¡¨ç¤ºã™ã‚‹ã¨ã„ã†ã“ã¨ã§ã™ã。 ã“ã®2ã¤ã‚’実ç¾ã—ã€ãªãŠã‹ã¤ç”»åƒã‚’背景画åƒã§ã¯ãªãimgè¦ç´ ã¨ã—ã¦è¨˜è¿°ã™ã‚‹ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’ã”紹介ã—ã¾ã™ã€‚ 今回ã¯Internet Explorer 10ã«ã‚‚対応ã—ã¦ã„ã¾
jQueryã§è¦ç´ を上下ä¸å¤®ã«é…ç½®ã™ã‚‹æ–¹æ³•ï¼ˆIE8対応） | ãã‚Œã‹ã‚‰ãƒ‡ã‚¶ã‚¤ãƒ³ スタッフブãƒã‚°
{{#tags}}- {{label}}
{{/tags}}