CSSã®vw, calc()を使用ã—ãŸã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–対応ã®ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã‚’指定ã™ã‚‹ã“ã‚Œã‹ã‚‰ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯æœ¬æ–‡ã‚„見出ã—ãªã©ã®ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã‚’スマホ時やデスクトップ時ã§å¤‰ãˆã‚‹æ™‚ã€é€šå¸¸ã¯Media Queriesã§ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚µã‚¤ã‚ºã”ã¨ã«æ–‡å—サイズを指定ã—ã¦ã„ã‚‹ã¨æ€ã„ã¾ã™ã€‚ ã“ã“ã§ç´¹ä»‹ã™ã‚‹ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã®æŒ‡å®šæ–¹æ³•ã¯ã¡ã‚‡ã£ã¨æ–°ã—ã„アプãƒãƒ¼ãƒã§ã€æœ€åˆã«ãƒ™ãƒ¼ã‚¹ã¨ãªã‚‹ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã‚’è¨å®šã—ã€ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚µã‚¤ã‚ºãŒå¤§ãããªã‚‹ã«ã¤ã‚Œã€Viewport Unit（ビューãƒãƒ¼ãƒˆã®å˜ä½ï¼‰ã§åŠ ç®—ã—ã¦ã‚µã‚¤ã‚ºã‚’大ããã—ã¾ã™ã€‚ Viewport Unit Based Typography 以下ã€å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„訳ã—ãŸã‚‚ã®ã§ã™ã€‚ ※当ブãƒã‚°ã§ã®ç¿»è¨³è¨˜äº‹ã¯ã€å…ƒã‚µã‚¤ãƒˆæ§˜ã«è¨±å¯ã‚’å¾—ã¦ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ Viewport Unit（ビューãƒãƒ¼ãƒˆã®å˜ä½ï¼‰ã¨ã¯ï¼Ÿ フォントã®ã‚µã‚¤ã‚ºæŒ‡å®šã®ãŸã‚ã®ãƒ“ューãƒãƒ¼ãƒˆã®ä½¿ã„æ–¹ ä»–ã®æ–‡å—ã®è¦ç´ をビューãƒãƒ¼ãƒˆã§æŒ‡å®š 縦ã®ãƒªã‚ºãƒ ã¨ãƒ¢ã‚¸ãƒ¥ãƒ©ãƒ¼ã‚¹ã‚±ãƒ¼ãƒ«ã‚’ビューãƒãƒ¼ãƒˆã§æŒ‡å®š フォントサイズã®æŒ‡å®šã®ç²¾åº¦ã‚’アップã™ã‚‹ ã•ã‚‰ã«ç²¾
iPhone6ã®æ™‚代ã®viewportè¨å®šã«ã¤ã„㦠- Qiita
ã“ã‚ŒãŒã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘サイトを作るã¨ãã® viewport è¨å®šï¼“パターンã 
{{#tags}}- {{label}}
{{/tags}}