[CSS]フォントã®ã‚µã‚¤ã‚ºæŒ‡å®šã¯px？ em？ æ—¢å˜ã®å†æ¤œè¨Žã¨ã“ã‚Œã‹ã‚‰ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ãƒ•ã‚©ãƒ³ãƒˆã®ã‚µã‚¤ã‚ºã®å˜ä½ã«ä½•ã‚’使ã£ã¦ã¾ã™ã‹ï¼Ÿ px？ em？ ãれら2ã¤ã®ã‚ˆã利用ã•ã‚Œã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ãŠã•ã‚‰ã„ã—ã€ã•ã‚‰ã«ç¬¬3ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚‚紹介ã—ã¾ã™ã€‚ Font sizing with rem [ad#ad-2] 下記ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„訳ã—ãŸã‚‚ã®ã§ã™ã€‚ ã¯ã˜ã‚ã« pxを使ã£ãŸã‚µã‚¤ã‚ºæŒ‡å®š emを使ã£ãŸã‚µã‚¤ã‚ºæŒ‡å®š remを使ã£ãŸã‚µã‚¤ã‚ºæŒ‡å®š ã¯ã˜ã‚㫠フォントã®ã‚µã‚¤ã‚ºã®å˜ä½ã«ä½•ã‚’使用ã™ã‚‹ã‹ã¯ã€æœªã ã«æ¿€ã—ã„è°è«–ã®çš„ã¨ãªã£ã¦ã„ã¾ã™ã€‚ãれらã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã«ã¯ãã‚Œãžã‚Œé•·æ‰€ã¨çŸæ‰€ãŒã‚ã‚‹ã®ã‚‚ç¾å®Ÿã§ã™ã€‚ ãれらã®ä¸ã§çŸæ‰€ãŒå°‘ãªãã€ã‚ˆã利用ã•ã‚Œã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã¯2ã¤ã‚ã‚Šã¾ã™ã€‚ pxを使ã£ãŸã‚µã‚¤ã‚ºæŒ‡å®š emを使ã£ãŸã‚µã‚¤ã‚ºæŒ‡å®š ã“れら2ã¤ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’å†æ¤œè¨Žã—ã€ã•ã‚‰ã«ã‚‚ã†3ã¤ç›®ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’紹介ã—ã¾ã™ã€‚ pxを使ã£ãŸã‚µã‚¤ã‚ºæŒ‡å®š ウェブã®åˆæœŸã«ã€ç§ãŸã¡ã¯ãƒ†ã‚ストã®ã‚µã‚¤ã‚ºã‚’定ã‚ã‚‹ãŸã‚ã«ã€Œpxã€ã‚’使用ã—ã¦ã„ã¾ã—ãŸã€‚ã“ã‚Œã¯ä¸€è²«ã—ã¦ãŠã‚Š
デザインをé…力的ãªã‚‚ã®ã«ã™ã‚‹ã€ã‚·ãƒ³ãƒ—ルãª10個ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯
プãƒã‚°ãƒ©ãƒžãŒ1ヶ月ã§Webデザイナーã«è»¢èº«ã™ã‚‹æ–¹æ³• - ã‚„ãã†ã‚‰ãŠãƒ–ãƒã‚°(移転ã—ã¾ã—ãŸ)
UIデザインガイドラインã®ã¾ã¨ã‚ : could
IDEA * IDEA
{{#tags}}- {{label}}
{{/tags}}