[CSS]3ステップã§ãƒžã‚¹ã‚¿ãƒ¼ã™ã‚‹ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚„デスクトップãªã©ç•°ãªã‚‹ã‚µã‚¤ã‚ºã”ã¨ã«æœ€é©ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’æä¾›ã™ã‚‹Responsive Web Desingã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«Media Queriesåˆå¿ƒè€…ã§ã‚‚分ã‹ã‚Šã‚„ã™ã解説ã•ã‚ŒãŸã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚„タブレットやデスクトップãªã©ç•°ãªã‚‹è¡¨ç¤ºã‚µã‚¤ã‚ºã”ã¨ã«æœ€é©ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’æä¾›ã™ã‚‹Responsive Web Desingã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’紹介ã—ã¾ã™ã€‚ Responsive Design in 3 Steps [ad#ad-2] 下記ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„訳ã—ãŸã‚‚ã®ã§ã™ã€‚ Step 1: METAã‚¿ã‚° Step 2: HTMLã®æ§‹é€ Step 3: Media Queries ã•ã‚‰ã«å®Ÿè·µçš„ãªä½¿ã„方をå¦ã³ãŸã„人㫠Step 1: METAã‚¿ã‚° スマートフォンãªã©ã§æŽ¡ç”¨ã•ã‚Œã¦ã„るモãƒã‚¤ãƒ«ç”¨ãƒ–ラウザã¯ã€è¡¨ç¤ºã™ã‚‹HTMLページã®å¤§ãã•ã‚’ビューãƒãƒ¼ãƒˆã®å¹…ã«ï¼ˆä¸»ã«ï¼‰ç¸®å°ã—ã¦ãƒ•ã‚£ãƒƒãƒˆã•ã›ã¾ã™ã€‚ ã¾ãšã¯ã€ã“ã®è¨å®šã‚’METAタグを使用ã—ã¦ç‰å€ã§è¡¨ç¤ºã™ã‚‹ã‚ˆã†ã«ã—ã¾ã—ょã†ã€‚ HTML <head>～</head>ã«ä¸‹è¨˜ã‚’記述ã—ã¾ã™ã€‚ <meta
{{#tags}}- {{label}}
{{/tags}}