スマートフォンサイトã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚° Tips ã‚ã‚Œã“ã‚Œ | ãƒã‚·ãƒ£ãƒã‚°ã€‚ゴールデンウィークã¯ã‚´ãƒ¼ãƒ«ãƒ‡ãƒ³ã«éŽã”ã›ãã†ã«ãªã„ Latin ã§ã™ã€‚ 今回ã¯ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°å‘¨ã‚Šã§ã®ã‚ã‚Œã“れをã¾ã¨ã‚ã¦ã¿ã¾ã™ã€‚ 先日㮠macky ã®è¨˜äº‹ã€ã€Œã‚¹ãƒžãƒ›ã‚µã‚¤ãƒˆã®çŸ¢å°ä»˜ãメニューをCSSã®ã¿ã§å®Ÿè£…ã™ã‚‹ã€‚ã€ã‚‚ã‚ã‚ã›ã¦ã”覧ãã ã•ã„。 viewport ç³»ã®è¨å®š æ画サイズをデãƒã‚¤ã‚¹ã®æ¨ªå¹…ã«åˆã‚ã›ã‚‹ã€æ‹¡å¤§ç¸®å°ã‚’ä¸å¯ã« ã“ã‚ŒãŒä¸€ç•ªã‚ˆã見る形å¼ã§ã—ょã†ã‹ï¼Ÿ <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"> æ–‡å—サイズã®è‡ªå‹•èª¿æ•´ã‚’オフã«ã™ã‚‹ å„スマホブラウザã§ã¯ã€æ¨ªå‘ãã«ã™ã‚‹ã¨ text-size-adjust ã®å‡¦ç†ãŒèµ°ã‚Šã€è‡ªå‹•ã§æ–‡å—サイズを最é©åŒ–（拡大）ã™ã‚‹æ©Ÿèƒ½ãŒã‚ã‚Šã¾ã™ã€‚ èª
[CSS]スマフォ対応サイトã®ãŸã‚ã«Media Queriesã‚’ã—ã£ã‹ã‚Šèº«ã«ã¤ã‘ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
[CSS]CSS3ã®Media Queries（メディアクエリ）ã®ä½¿ã„æ–¹ã¨å®Ÿè£…例
{{#tags}}- {{label}}
{{/tags}}