外部CSSã‚’1æžšè¿½åŠ ã—ã¦ã€ãƒ–ãƒã‚°ã‚’スマホ最é©åŒ–ã™ã‚‹5ã¤ã®ãƒ•ãƒãƒ¼ | Mnemoniqs Web Designer Blog : Web Design and Web Developmentレスãƒãƒ³ã‚·ãƒ–WEBデザインを用ã„ã¦ã€å¤–部CSSã‚’ä¸€æžšè¿½åŠ ã™ã‚‹ã ã‘ã§iPhone/androidã«æœ€é©åŒ–ã™ã‚‹ã¾ã§ã®æµã‚Œã‚’書ã„ã¦ãŠãã¾ã™ã€‚スマホ用ã®CSSをスマホã«ã ã‘èªã¿è¾¼ã¾ã›ã¦ã€å…¨ä½“ã®CSSを上書ãã™ã‚‹ã ã‘ãªã®ã§ã€ãƒ–ãƒã‚°ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã‚ˆã£ã¦ã¯çµæ§‹æ‰‹è»½ã«å‡ºæ¥ã¾ã™ã€‚ ã¯ã˜ã‚ã«ã‚¹ãƒžãƒ›æœ€é©åŒ–後ã®è¦ç´ é…置を考ãˆã‚‹ <head>ã«viewportè¨å®šã¨ã‚¹ãƒžãƒ›ç”¨CSSã®è¨˜è¿°ã‚’書ã 固定幅をリã‚ッドデザインã§çµ„ã¿ãªãŠã™ フォントã®ã‚µã‚¤ã‚ºã€ãƒžãƒ¼ã‚¸ãƒ³ã€ä¸å¤®ï½¥æ°´å¹³æƒãˆã‚’調整 ç”»åƒã‚’2å€ã®ã‚µã‚¤ã‚ºã§ç”¨æ„ã™ã‚‹ ã¯ã˜ã‚ã«ã‚¹ãƒžãƒ›æœ€é©åŒ–後ã®è¦ç´ é…置を考ãˆã‚‹ スマホã¯ç”»é¢ã‚‚å°ã•ã„ã—ã€å®¹é‡ãŒé‡ã„ã¨ãã‚Œã ã‘ページã®è¡¨ç¤ºé€Ÿåº¦ã‚‚è½ã¡ã¾ã™ã€‚ ãƒã‚´ãƒ»ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãƒ»è¨˜äº‹ãªã©æœ€ä½Žé™ã®è¦ç´ ã ã‘残ã—ã€ã‚ã¨ã¯display:none;ã§æ¶ˆã—ã¦ã—ã¾ã„ã¾ã—ょã†ã€‚ ã“ã®ãƒ–ãƒã‚°ã®ãƒˆãƒƒãƒ—ã ã¨ã€ã‚ªãƒ¬ãƒ³ã‚¸ã§å›²ã‚“ã ã®ãŒã‚¹ãƒžãƒ›ã§è¡¨ç¤ºã•ã›ãªã„部分ã§ã™ã€‚ 残ã£ãŸè¦ç´ ã‚’ã€æœ€
ã¯ã¦ãªãƒ–ãƒã‚°ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã®è£å´ - Uedayworks::HatenaBlog
Amazon.co.jp: æºå¸¯ã‚µã‚¤ãƒˆ コーディング&デザイン: é«˜æœ¨æ‚ ä»‹: 本
{{#tags}}- {{label}}
{{/tags}}