MdN Design｜ç·åˆæƒ…å ±ã‚µã‚¤ãƒˆã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã¨é•ã„ã€iPadãªã©ã®ã‚¿ãƒ–レットã«æœ€é©åŒ–ã•ã‚ŒãŸè¡¨ç¤ºã‚’è¡Œã£ã¦ã„るサイトã¯ã¾ã ã¾ã å°‘ãªã„。 ãã“ã§ä»Šå›žã¯ã€LESSON 13åŒæ§˜ã€åˆ¥HTMLを用æ„ã›ãšã€åŒã˜HTMLã«JavaScriptã¨CSSを使用ã—ã¦ã€ã‚¿ãƒ–レットタイプ用ã«è¡¨ç¤ºã‚’最é©åŒ–ã•ã›ã‚‹ã€‚ タブレット用ã«ã™ã‚‹ã‹ã‚‰ã¨ã„ã£ã¦ç‰¹åˆ¥ã«HTMLã®ä½œã‚Šæ–¹ã‚’変ãˆã‚‹å¿…è¦ã¯ãªãã€æ£ã—ãマークアップã§ãã¦ã„ã‚Œã°åŸºæœ¬çš„ã«å•é¡Œãªã„。 ãŸã ã€ã‚ã¾ã‚Šã«ã‚‚無駄ã«å¤šã„入れåæ§‹é€ ã‚„ã€ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã¯é¿ã‘ãŸã»ã†ãŒã‚ˆã„。ã‚ãã¾ã§ã‚‚(X)HTML/CSSã‚’æ„è˜ã—ã¦ä½œã‚ã†ã€‚ 今回ã¯ã‚¿ãƒ–レットã«ã‚‚使用ã•ã‚Œã‚‹ã®ã§ã€HTML5ã‚„CSS3を駆使ã—ã¦PC用も作ã£ã¦ã‚ˆã„ãŒã€IEãªã©ã®æœªå¯¾å¿œãƒ–ラウザã¸ã®å¯¾å¿œãŒç™ºç”Ÿã™ã‚‹ã®ã§æ³¨æ„ãŒå¿…è¦ã 。 ã€1】ã®ã‚ˆã†ãªã€ãƒ–ãƒã‚°å½¢å¼ã®PCページ構æˆã‚’ベースã«æ§‹ç¯‰ã—ã¦ã„ã。 使用ã™ã‚‹CSS㯠・PC用CSS（デフォルト） ・スマートフォン用CSS ・タブ
外部CSSã‚’1æžšè¿½åŠ ã—ã¦ã€ãƒ–ãƒã‚°ã‚’スマホ最é©åŒ–ã™ã‚‹5ã¤ã®ãƒ•ãƒãƒ¼ | Mnemoniqs Web Designer Blog : Web Design and Web Development
{{#tags}}- {{label}}
{{/tags}}