[act]HOME スマホã¨ã‚¿ãƒ–レットå‘ã‘ã«CSSã‚’èª¿æ•´ï¼ ä»Šã¾ã§ã‚µã‚¤ãƒˆã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã¯PCをベース㫠å„種サイズをpxã§æŒ‡å®šã—ã¦ãŸã®ã§ã™ãŒã€ フォントサイズを基準ã«ã—ãŸemã§è¨å®šã—ç›´ã—ã¾ã—ãŸã€‚ スマホã¨ã‹ã‚¿ãƒ–レットã¯å¹´ã€…表示サイズãŒå¤§ãããªã£ã¦ã‚‹ã®ã« 今ã•ã‚‰æ°—ãŒä»˜ã„ãŸã®ã§ã€åŸºæº–ã¨ãªã‚‹ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã‚’ 計算ã§å‡ºã—ã¦æœ€å°å€¤ã¨æœ€å¤§å€¤ã‚‚ã¤ã„ã§ã«è¨å®šã€‚ CSSã‚‚ã ã„ã¶é€²åŒ–ã—ã¾ã—ãŸã。 clamp(1.4rem, 100vw / 26, 2.0rem) 具体的ã«ã¯ä¸Šè¨˜ã®ã‚ˆã†ã«ã€‚横390pxã ã¨15pxã«ãªã‚Šã¾ã™ã€‚ タブレットã ã¨å¤§ãããªã‚Šã™ãŽã‚‹ã®ã§ä¸Šé™ã‚’è¨å®šã€‚ ヘッダーã®ãƒœã‚¿ãƒ³ã¨ã‚¤ãƒ©ã‚¹ãƒˆã®ã‚µã‚¤ã‚ºã‚‚ スマホã¨ã‚¿ãƒ–レットã§åˆ¥ã€…ã«è¨å®šã—ã¦ã¾ã™ã€‚ AIイラストやリベサガプレイ日記ã®ãƒšãƒ¼ã‚¸ã‚‚ãªã‚‹ã¹ã ç”»åƒãŒå¤§ãã表示ã•ã‚Œã‚‹ã‚ˆã†ã«èª¿æ•´ã€‚ ã“ã“ã‚‚PCベースã®ã‚µã‚¤ã‚ºã ã£ãŸã‹ã‚‰ã‚ˆã†ã‚„ãæ”¹å–„ï¼ Webã‚µã‚¤ãƒˆä½œæˆ 2025-03-0
![[act]](https://cdn-ak-scissors.b.st-hatena.com/image/square/84e28551f8a03dcf4e6ca8de72246bc603336076/height=288;version=1;width=512/https%3A%2F%2Fyuh-nagomi.jp%2Ftext%2Fres%2Fimg%2Fcard_ge2.png)
{{#tags}}- {{label}}
{{/tags}}