ã€CSS】見出ã—ãŒå¤‰ã«æ”¹è¡Œã—ãªã„ï¼ã‚¹ãƒžãƒ›ã®font-size指定ã«vminを使ã£ã¦ã¿ã‚ˆã†ã‚¹ãƒžãƒ›ã®font-sizeã®æŒ‡å®šã§è‰¯ã•ã’ãªæŒ‡å®šæ–¹æ³•ã‚’見ã¤ã‘ãŸã®ã§ã”紹介ã„ãŸã—ã¾ã™ã€‚ 特ã«è¦‹å‡ºã—ãªã‚“ã‹ã®å¤§ããªæ–‡å—を使用ã™ã‚‹å ´é¢ã§æ´»ç”¨ã§ããã†ã§ã™ã€‚ スマホã‚ã‚‹ã‚る見出ã—改行ã—ã¡ã‚ƒã†å•é¡Œ スマホã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã—ã¦ã‚‹ã¨ã€è¦‹å‡ºã—ã‚„ã‚ャッãƒã‚³ãƒ”ーãªã©ã¡ã‚‡ã£ã¨å¤§ãã„æ–‡å—ãŒãƒ‡ãƒã‚¤ã‚¹å¹…ã«ã‚ˆã£ã¦ã¯æ”¹è¡Œä½ç½®ãŒæ„図ã—ãªã„å ´æ‰€ã«ãªã£ã¦ã—ã¾ã†ã“ã¨ã£ã¦ã‚ã‚Šã¾ã›ã‚“ã‹ï¼Ÿ スマホデãƒã‚¤ã‚¹ã®å¤šæ§˜åŒ–ã«ä¼´ã„çµæ§‹ç›´é¢ã™ã‚‹å•é¡Œãªæ°—ãŒã—ã¾ã™ã€‚ ã›ã£ã‹ãã®ãƒ‡ã‚¶ã‚¤ãƒ³ãŒãã‚Œã ã¨æ®‹å¿µã§ã™ã‚ˆã。 fontã‚’vminã§æŒ‡å®šã™ã‚‹ã¨æ”¹è¡Œã›ãšã«æ–‡å—サイズをå°ã•ãã‚‚ã§ãã‚‹ ãã“ã§ç™»å ´ã™ã‚‹ã®ãŒvminã§ã™ã€‚ã“れをfont-sizeã®æŒ‡å®šã«ä½¿ã†ã“ã¨ã§æ”¹è¡Œã›ãšã«è¦‹å‡ºã—をコーディングã™ã‚‹äº‹ãŒã§ãã¾ã™ã€‚ 百èžã¯ä¸€è¦‹ã«ã—ã‹ãšã€‚早速デモを見ã¦ã¿ã¾ã—ょã†ã€‚ font-sizeã‚’vminã§æŒ‡å®šã—ãŸãƒ‡ãƒ¢ デモを作りブラウザ幅ã®å¤‰åŒ–ã«ã‚ˆã£ã¦ã©ã†å¤‰ã‚ã‚‹ã‹ã‚’GIFアニメã«ã—ã¦ã¿
Engadget | Technology News & Reviews
{{#tags}}- {{label}}
{{/tags}}