フォントã®ã‚µã‚¤ã‚ºè¨å®šã¯å½¹ã«ç«‹ãŸãªã„ã€å•é¡Œç‚¹ã¨è§£æ±ºæ–¹æ³•WebページやOSã®UIã€ã‚¨ãƒ‡ã‚£ã‚¿ãªã©ã®ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã§ãƒ•ã‚©ãƒ³ãƒˆã®ã‚µã‚¤ã‚ºã‚„è¡Œã®é«˜ã•ã‚’è¨å®šã—ãŸéš›ã«èµ·ã“ã‚‹å•é¡Œç‚¹ã¨è§£æ±ºæ–¹æ³•ã‚’紹介ã—ã¾ã™ã€‚ Font size is useless; let's fix it by Niki Tonsky 下記ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„訳ã—ãŸã‚‚ã®ã§ã™ã€‚ ※当ブãƒã‚°ã§ã®ç¿»è¨³è¨˜äº‹ã¯ã€å…ƒã‚µã‚¤ãƒˆæ§˜ã«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’å¾—ã¦ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ ã¯ã˜ã‚㫠フォントã®ã‚µã‚¤ã‚ºã«ãŠã‘ã‚‹ãƒã‚¤ãƒ³ãƒˆã¨ã¯ emスクエアã¨ã¯ font sizeã«ãŠã‘ã‚‹å•é¡Œç‚¹ 解決方法 line height（行ã®é«˜ã•ï¼‰ã‚‚ã‚ã¡ã‚ƒãã¡ã‚ƒã§ã™ 予測ãŒå¯èƒ½ãªline height（行ã®é«˜ã•ï¼‰ 終ã‚ã‚Šã« ã¯ã˜ã‚ã« ã‚ãªãŸã®ãŠæ°—ã«å…¥ã‚Šã®ã‚¨ãƒ‡ã‚£ã‚¿ã«ã€"font_size": 32ã‚’è¨å®šã™ã‚‹ã¨ã©ã†ãªã‚Šã¾ã™ã‹ï¼Ÿ ãŠä¼ãˆã—ãŸã„ã“ã¨ãŒã‚ã‚‹ã®ã§ã€èžã„ã¦ãã‚ŒãŸã‚‰å¬‰ã—ã„ã§ã™ã€‚ 実際ã«ã‚„ã£ã¦ã¿ã¾ã—ãŸã€‚ ç§ã¯macOSã§Sublime Textを使ã£ã¦ã„ã¾ã™
[CSS]ビューãƒãƒ¼ãƒˆå¹…（vw）ã«å¯¾ã—ã¦ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–対応ã®æ–‡å—サイズを指定ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ -Responsive font size![[CSS]ビューãƒãƒ¼ãƒˆå¹…（vw）ã«å¯¾ã—ã¦ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–対応ã®æ–‡å—サイズを指定ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ -Responsive font size](https://cdn-ak-scissors.b.st-hatena.com/image/square/0e988256232f0d626498e49d6ce0a326ccb9d200/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201701%2F2017013101.png)
CSSã®pxã¨emã®é•ã„ã«ã¤ã„ã¦ã®ã¾ã¨ã‚ - 密林ã®æž—檎
{{#tags}}- {{label}}
{{/tags}}