CSSã®æ–°ã—ã„å˜ä½ã€Œlvhã€ã€Œsvhã€ã“ã‚Œã§iOSã®Safariã§100vhãŒãƒ“ューãƒãƒ¼ãƒˆã®é«˜ã•ã§ã¯ãªã„仕様ã«å¯¾å¿œã§ãã‚‹Safari 15.4（最新ã¯15.5）ã§æ–°ã—ã„ビューãƒãƒ¼ãƒˆå˜ä½ã€Œlvhã€ã€Œsvhã€ãŒã‚µãƒãƒ¼ãƒˆã•ã‚Œã¾ã—ãŸã€‚ビューãƒãƒ¼ãƒˆã‚’基準ã«ã—ãŸå˜ä½ã§ã€ã“ã®å˜ä½ã‚’使用ã™ã‚‹ã“ã¨ã§ã€iOSã®Safariã§100vhãŒãƒ“ューãƒãƒ¼ãƒˆã®é«˜ã•ã§ã¯ãªã„ã¨ã„ã†ä»•æ§˜ã«å¯¾å¿œã§ãã¾ã™ã€‚ 今ã¾ã§ã¯CSSã®-webkit-fill-availableãŒãã®å¯¾å¿œæ–¹æ³•ã§ã—ãŸãŒã€ãƒã‚¹ãƒˆã•ã‚ŒãŸè¦ç´ ã‚„calc()内ã§ã¯ä½¿ç”¨ã§ãã¾ã›ã‚“。新ã—ã„ビューãƒãƒ¼ãƒˆå˜ä½ã‚’使用ã™ã‚‹ã¨ã€ãã†ã„ã£ãŸå•é¡Œã‚‚ãªããªã‚Šã¾ã™ã€‚ The Large, Small, and Dynamic Viewports by Bramus 2021å¹´ã®è¨˜äº‹ã§ã™ãŒã€Safari 15.4ã§ã“れらã®æ–°ã—ã„ビューãƒãƒ¼ãƒˆå˜ä½ãŒã‚µãƒãƒ¼ãƒˆã•ã‚ŒãŸã®ã§ã€ã“ã®ã‚¿ã‚¤ãƒŸãƒ³ã‚°ã§ç´¹ä»‹ã—ã¾ã™ã€‚ 下記ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„訳ã—ãŸã‚‚ã®ã§ã™ã€‚ ※当ブãƒã‚°ã§ã®ç¿»è¨³è¨˜äº‹ã¯ã€å…ƒã‚µã‚¤ãƒˆæ§˜ã«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’å¾—ã¦ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ ã¯ã˜
iPhoneã®SafariãŒ10å€ä¾¿åˆ©ã«ãªã‚‹ãƒ–ックマークレット10個
{{#tags}}- {{label}}
{{/tags}}