CSS ã® Container Queries ãŠãŸã‚ã— - 見返ã™ã‹ã‚‚ã—ã‚Œãªã„メモCSS ã«ã€ã‚³ãƒ³ãƒ†ãƒŠã‚¯ã‚¨ãƒªã¨ã„ã†æ©Ÿèƒ½ãŒã‚るらã—ã„。 メディアクエリã§ã¯ç”»é¢å…¨ä½“ã®å¤§ãã•ã«å¿œã˜ã¦è¦ç´ ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚’変ãˆã‚‹ã“ã¨ãŒã§ããŸã‘ã©ã€ã‚³ãƒ³ãƒ†ãƒŠã‚¯ã‚¨ãƒªã‚’使ã†ã¨å½“該è¦ç´ ã®è¦ªã®å¤§ãã•ã«å¿œã˜ã¦ã‚¹ã‚¿ã‚¤ãƒ«ã‚’変ãˆã‚‰ã‚Œã‚‹ã€‚ /* メディアクエリã®ä¾‹ */ /* ç”»é¢å¹…㌠400px 以下ã ã£ãŸã‚‰ã€div を赤ãã™ã‚‹ */ @media screen and (max-width: 400px) { div { background-color: red; } } /* コンテナクエリã®ä¾‹ */ /* div ã®è¦ªè¦ç´ ã®å¹…㌠400px 以下ã ã£ãŸã‚‰ã€div を赤ãã™ã‚‹ */ @container (max-width: 400px) { div { background-color: red; } } ãã®æ©Ÿèƒ½ãŒ Google Chrome Canary ã§ä½¿ãˆã‚‹ã‚ˆã†ã«ã•ã‚ŒãŸã¨èžã„ãŸã®ã§ã€ä½¿ã£ã¦ã¿ãŸã€‚ ã“
今ã®æ™‚代ã€ã‚¦ã‚§ãƒ–ページã¯ä¸€çž¬ã§è¡¨ç¤ºã™ã‚‹ã¹ãï¼ ç”»åƒã®é…延èªè¾¼ã«å½¹ç«‹ã¤amp-imgã®ä½¿ã„æ–¹ - ICS MEDIA
ウェブåˆå¿ƒè€…も安心ã—ã¦ä½œæˆã§ãã‚‹ã€ç„¡æ–™HTMLãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆç´ æ24個ã¾ã¨ã‚ - PhotoshopVIP
{{#tags}}- {{label}}
{{/tags}}