font-sizeã®å˜ä½ã‚’vwã«ã—ã¦ãƒ‡ãƒã‚¤ã‚¹ã‚µã‚¤ã‚ºã«åˆã‚ã›ã¦æ‹¡ç¸®ã™ã‚‹ - Qiitaスマートフォンã®ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã¯å›ºå®šã§ã„ã„ã®ã‹å•é¡Œ スマートフォンã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã§pxãªã©ã®å›ºå®šå€¤ã‚’使ã†ã¨iPhone6 plusãªã©ã®ç”»é¢å¹…ã®åºƒã„端末ã§ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºãŒå°ã•ãé•å’Œæ„Ÿã‚’覚ãˆã‚‹ã“ã¨ãŒãªã„ã§ã—ょã†ã‹ã€‚ フォントサイズã ã‘ã§ã¯ãªãマージンやパディングãªã©ã§ã‚‚åŒã˜ã“ã¨ãŒè¨€ãˆã‚‹ã®ã§ã™ãŒã€ç”»åƒã¯max-width: 100%ãªã©ã¨ã—ã¦ã„ã‚‹ãŸã‚ç”»é¢å¹…ã«å¿œã˜ã¦ã‚る程度大ãããªã‚‹ã®ã«å¯¾ã—ã€ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºãªã©ã‚’固定値ã§ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã—ã¦ã—ã¾ã†ã¨ã€ç”»åƒã‚„ç”»é¢å¹…ã«æ¯”ã¹ã¦å°ã•ã見ãˆã¦ã—ã¾ã„ã€ä½™ç™½ãŒç›®ç«‹ã£ãŸã‚Šä¸è‡ªç„¶ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«è¦‹ãˆã‚‹ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ デザイナーã®æœ¬æ¥ã®æ„図を汲ã¿å–ã‚‹ã®ã§ã‚ã‚Œã°ã€ç”»é¢å¹…ãŒåºƒããªã£ãŸã¨ãã¯ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºãªã©ã‚‚ãã‚Œã«å¿œã˜ã¦å¤§ãããªã‚‹ã®ãŒä¸€ç•ªè‰¯ã„ã®ã§ã¯ãªã„ã‹ã¨æ€ã£ã¦ã„ã¾ã™ã€‚ （追記） ãŸã ã—ã€å€‹äººçš„ã«font-sizeを拡縮ã§ãるよã†ã«ã—ã¦æ€ã£ãŸã®ã¯ã©ã‚“ãªãƒ—ãƒãƒ€ã‚¯ãƒˆã§ã‚‚推奨ã§ã
{{#tags}}- {{label}}
{{/tags}}