スマホサイトã®ä½œã‚Šæ–¹ã§ã€ã‚ã‚“ã¾ã‚Šæ›¸ã‹ã‚Œã¦ãªã„ã“ã¨ã‚’書ã„ã¦ã¿ãŸ - Kaleidoscopeã€ã‚¹ãƒžãƒ›å¯¾å¿œã‚µã‚¤ãƒˆåˆ¶ä½œã®ã‚ˆã‚Šè©³ã—ã„記事ã¯ã“ã¡ã‚‰ã€‘ 1.メニュー編 2.HTMLã¨CSSã§ç”»åƒã‚’æ“る編（å‰ç·¨ï¼‰ 2.HTMLã¨CSSã§ç”»åƒã‚’æ“る編（後編） スマホサイトã®ä½œã‚Šæ–¹é–¢é€£ã®ãƒ–ãƒã‚°ã¨ã‹ã‚’見ã¦ã¦ã€viewport周りã®åŸºæœ¬çš„ãªè¨å®šã¯æ›¸ã‹ã‚Œã¦ã„ã‚‹ã®ã§ã™ãŒã€ 個人的ã«é‡è¦ã ã¨æ€ã†ãƒã‚¤ãƒ³ãƒˆãŒã€ãªã‹ãªã‹ã©ãªãŸã‚‚書ã„ã¦ã‚‰ã£ã—ゃらãªã„よã†ãªæ°—ãŒã™ã‚‹ã®ã§ã€ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ ãã‚Œã¯ã€ ã¨ã«ã‹ã内å´ã®HTMLè¦ç´ ã‚’ãƒãƒŸå‡ºã•ãªã„よã†ã«ä½œã‚‹ ã©ã†ã—ã¦ã‹ï¼Ÿ ãµã¤ã†ã¯ã€ã‚¹ãƒžãƒ›ã‚µã‚¤ãƒˆã¨ã„ã†ã®ã¯ç¸¦ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ã‹ã•ã›ãŸããªã„ã§ã™ã‚ˆã。 例ãˆã°ã€iPhoneã§è¨€ã†Portrait（縦）表示ã®ã¨ãã€æ¨ªå¹…320pxを超ãˆãŸãƒšãƒ¼ã‚¸æ§‹æˆã«ãªã‚‹ã¨ã€ ãŠã‹ã—ãªæ¨ªã‚¹ã‚¯ãƒãƒ¼ãƒ«ãŒç™ºç”Ÿã—ã¦ã—ã¾ã„ã¾ã™ã€‚ viewportã§æ‹¡å¤§ã¨ã‹ã®ç¦æ¢ã‚’ãŠã“ãªã£ã¦ã„ã¦ã‚‚ã€ãã†ãªã‚Šã¾ã™ã€‚ （ã¾ãã€æ‹¡å¤§ã¨ã¯æ„味ãŒé•ã†ã®ã§å½“然ãªã®ã§ã™ãŒã€‚。。） 具体的ã«ã©ã†ã„
{{#tags}}- {{label}}
{{/tags}}