スマートフォン専用ページを作æˆã™ã‚‹éš›ã«çŸ¥ã£ã¦ãŠããŸã„ãƒã‚¤ãƒ³ãƒˆï½œWebpark最近今ã‚るサイトをスマートフォンã«å¯¾å¿œã•ã›ã‚‹ã¹ãã€ã‚³ãƒ„コツãŒã‚“ã°ã£ã¦ã„ã‚‹ã‚ã‘ã§ã™ãŒã€ãã®éš›ã«æ°—ã«ãªã£ãŸã“ã¨ã‚„知ã£ã¦ãŠããŸã„ãƒã‚¤ãƒ³ãƒˆã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚基本的ãªå†…容も多ã„ã¨æ€ã„ã¾ã™ãŒã€ã”å‚考ã«ãªã‚Œã°ã¨æ€ã„ã¾ã™ã€‚ 1. スマートフォンã«å¯¾å¿œã•ã›ã‚‹ã«ã¯ï¼Ÿ ウェブサイトをスマートフォンã«å¯¾å¿œã•ã›ã‚‹ã«ã¯2ã¤ã®ãƒ‘ターンãŒã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚ PCã«ã‚‚スマートフォンã«ã‚‚対応ã—ãŸãƒšãƒ¼ã‚¸ã‚’作æˆã™ã‚‹ã‹ã€PC用ページã¨ã¯åˆ¥ã«ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å°‚用ページを作æˆã™ã‚‹ã‹ã§ã™ã€‚ 1ã¤ç›®ã®PCã«ã‚‚スマートフォンã«ã‚‚対応ã—ãŸãƒšãƒ¼ã‚¸ã¯ã€Media Queriesを使ã†å ´åˆãŒå¤šã„ã¨æ€ã„ã¾ã™ã€‚ Media Queriesを使ã†ã¨ç”»é¢ã®ã‚µã‚¤ã‚ºã®é•ã„ã«ã‚ˆã£ã¦é©ç”¨ã™ã‚‹CSSを変更ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ 例ãˆã°ã€CSS-Tricksã¨ã„ã†ã‚µã‚¤ãƒˆã¯ç”»é¢ã‚µã‚¤ã‚ºã«ã‚ˆã£ã¦ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒå¤§ãã変ã‚ã£ã¦ã¾ã™ã€‚ Media Queriesã«ã¤ã„ã¦ã¯å¾Œã§ç°¡å˜ã«ç´¹ä»‹
{{#tags}}- {{label}}
{{/tags}}