スマホ対応ã®æ–°æ½®æµã€Œãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webデザインã€ã¨ã¯ï¼Ÿ (1/3)スマートフォンã®æ™®åŠã‚’背景ã«ã€ã€Œãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webデザインã€ï¼ˆResponsive Web Design）ã¨ã„ã†åˆ¶ä½œæ‰‹æ³•ãŒæµ·å¤–ã§æ³¨ç›®ã‚’集ã‚ã¦ã„る。レスãƒãƒ³ã‚·ãƒ–Webデザインã¨ã¯ã©ã®ã‚ˆã†ãªã‚¢ãƒ—ãƒãƒ¼ãƒãªã®ã‹ï¼Ÿã€€å®Ÿä¾‹ã§è§£èª¬ã™ã‚‹ã€‚ ウィンドウサイズを基準ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’調整 レスãƒãƒ³ã‚·ãƒ–Webデザインã¨ã¯ã€ãƒ‡ãƒã‚¤ã‚¹ã”ã¨ã«è¤‡æ•°ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’用æ„ã™ã‚‹ã®ã§ã¯ãªãã€ãƒ–ラウザーã®ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚µã‚¤ã‚ºã«åˆã‚ã›ã¦ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’フレã‚シブルã«èª¿æ•´ã™ã‚‹åˆ¶ä½œæ‰‹æ³•ã 。モãƒã‚¤ãƒ«ã‚µã‚¤ãƒˆã®åˆ¶ä½œã§ã¯ã€ãƒ‡ãƒã‚¤ã‚¹ã‚„スクリーンサイズã”ã¨ã«ãƒšãƒ¼ã‚¸ã‚’振り分ã‘る方法ãŒä¸€èˆ¬çš„ã ãŒã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webデザインã§ã¯HTMLã¯ãã®ã¾ã¾ã«ã€CSS3ã®ãƒ¡ãƒ‡ã‚£ã‚¢ã‚¯ã‚¨ãƒªãƒ¼ã‚’利用ã—ã¦ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã ã‘ã§ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’変更ã™ã‚‹ã€‚ レスãƒãƒ³ã‚·ãƒ–Webデザインã¯ã€2010å¹´5月ã€ç±³å›½ã®ã‚¤ãƒ¼ã‚µãƒ³ãƒ»ãƒžãƒ«ã‚³ãƒƒãƒ†æ°ã«ã‚ˆã£ã¦æå”±ã•ã‚Œã€æµ·å¤–ã§ã¯ä¼æ¥ã‚µã‚¤ãƒˆã‚’å«ã‚€å¤šãã®Webサイトã§æŽ¡ç”¨ã•ã‚Œã¦ã„
{{#tags}}- {{label}}
{{/tags}}