[CSS]ç”»åƒã®å¤©åœ°ã®ä¸Šé™ã‚’è¨å®šã—ã€åž‚ç›´æ–¹å‘ã®ä¸å¤®ã«é…ç½®ã™ã‚‹CSSã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ï¼šå¹…480pxã§è¡¨ç¤º 実装 実装ã®ã‚¤ãƒ¡ãƒ¼ã‚¸ ç”»åƒã®ã‚µã‚¤ã‚ºã¯100%ã§è¨å®šã—ã€é«˜ã•ãƒ»å¹…ã®ä¸Šé™ã¯ç”»åƒã‚’内包ã™ã‚‹divè¦ç´ ã§è¨å®šã—ã¾ã™ã€‚ ã¾ãŸã€åž‚ç›´æ–¹å‘ã®ä¸å¤®ã«é…ç½®ã™ã‚‹ãŸã‚ã«ã€ã€Œoverflow: hidden;ã€ã‚’使ã£ã¦ä½™å‰°åˆ†ã‚’éš ã—ã¾ã™ã€‚ 実装ã®ã‚¤ãƒ¡ãƒ¼ã‚¸ï¼šå¤©åœ°å‡ç‰ã«ã‚¯ãƒªãƒƒãƒ— [ad#ad-2] HTML ç”»åƒã¯imgè¦ç´ ã§é…ç½®ã—ã€divè¦ç´ ã§å†…包ã—ã¾ã™ã€‚ <div class="image-wrap" id="wrapper"> <img src="path/to/your/image.jpg" alt="your image"> </div> CSS 上é™ã®é«˜ã•ã‚’450pxã«è¨å®šã—ã¾ã™ã€‚ .image-wrap { max-height: 450px; overflow: hidden; max-width: 800px; -webkit-transition: max-width
{{#tags}}- {{label}}
{{/tags}}