スマートフォン対応ã§ã‚ˆã使ã†htmlã€cssã€javascriptã®ã¾ã¨ã‚スマートフォン(iosã€android)å‘ã‘ã®ã‚¦ã‚§ãƒ–サイト・ウェブアプリを作る際ã«å€‹äººçš„ã«ã‚ˆã使ã†htmlã€cssã€javascriptã®å‚™å¿˜éŒ²ã€‚ html関連 headタグ内ã§ã®è¨å®š<!-- //デãƒã‚¤ã‚¹ã‚µã‚¤ã‚ºã«ã‚ã‚ã›ã¦è¡¨ç¤ºé ˜åŸŸã‚’変更ã™ã‚‹ --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- //電話番å·ã®ãƒªãƒ³ã‚¯ã‚’無効化 --> <meta name="format-detection" content="telephone=no"> <!-- //ホーム画é¢ç”¨ã‚¢ã‚¤ã‚³ãƒ³ --> <link rel="apple-touch-icon" href="icon.png"> <!-- //ホーム画é¢ç”¨ã‚¢ã‚¤ã‚³ãƒ³ã®å…‰æ²¢ã‚’無効化ã™ã‚‹ --> <link rel="apple-touch-icon
Androidã¨-webkit-tap-highlight-color
iPhone Webアプリテンプレート（CSS Nite Vol.40 reprise） | Topics | DB - KAYAC Designer's Blog（カヤック デザイナーブãƒã‚°ï¼‰
「スマホ対応サイト制作　åˆå¿ƒè€…å‘ã‘ã€ã¿ãŸã„ãªæ„Ÿã˜ã§æ›¸ã„ã¦ã¿ãŸ 　-1.メニュー編-（※iPhone寄り） - Kaleidoscope
[CSS]モãƒã‚¤ãƒ«ãƒ‡ãƒã‚¤ã‚¹ç”¨ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚’åˆæœŸåŒ–ã™ã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ワーク -CSS Mobile Reset
Zudolab -
[CSS]CSS3ã®Media Queries（メディアクエリ）ã®ä½¿ã„æ–¹ã¨å®Ÿè£…例
iPadã«æœ€é©åŒ–ã—ãŸã‚µã‚¤ãƒˆãŒã¤ãれるã‹ã‚‚ã—ã‚Œãªã„5ã¤ã®æ–¹æ³•ï¼ˆåŸºæœ¬ç·¨ï¼‰ - EC studio デザインブãƒã‚°
WebサイトをiPhoneã§è¦‹ã‚„ã™ãã™ã‚‹5ã¤ã®æ–¹æ³•
iPhoneå‘ã‘サイト構築 基礎文法最速マスター - EC studio デザインブãƒã‚°
{{#tags}}- {{label}}
{{/tags}}