Viewport [iPhone生活]*device-widthã¯iPhone横æŒã¡ã®å ´åˆã§ã‚‚å¿…ãš320pxã€device-heightã¯iPhone縦æŒã¡ã®å ´åˆã§ã‚‚å¿…ãš480pxã¨ãªã‚Šã¾ã™ 例ãˆã°ä»¥ä¸‹ã¯ã€Viewportã®æ¨ªå¹…ãŒiPhoneã®ãƒ‡ã‚£ã‚¹ãƒ—レイã®ã‚µã‚¤ã‚ºã§ã€å€çŽ‡ã¯1ã€2å€ã¾ã§æ‹¡å¤§å¯èƒ½ã€ã¨ã„ã†å†…容ã§ã™ã€‚ æ写ã®ãƒ—ãƒã‚»ã‚¹ã‚’検証ã™ã‚‹ã«å½“ãŸã£ã¦ã®æ¡ä»¶ 以下ã®èª¬æ˜Žã§ã¯è¤‡é›‘ãªçŠ¶æ³ã‚’説明ã™ã‚‹å ´åˆã‚‚ã‚ã‚‹ãŸã‚ã€ç‰¹å®šã®èªžå¥ã‚’特定ã®æ„味ã§ã®ã¿ä½¿ç”¨ã—ã¦ã„ã¾ã™ã€‚特定ã®èªžå¥ã¯ä»¥ä¸‹ã§ã™ã€‚ viewport Viewportã®ãƒ¡ã‚¿ã‚¿ã‚°ã§æŒ‡å®šã—ãŸå€¤ã¾ãŸã¯å¾Œã«SafariãŒè¨ˆç®—ã—ãŸå€¤ã€‚initial-scale/width/heightã®3ã¤ã€‚ コンテンツ（サイズ） HTMLã«è¨ç½®ã—ãŸã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ã‚µã‚¤ã‚º ドã‚ュメント（サイズ） 余白をå«ã‚ãŸHTML全体ã®ã‚µã‚¤ã‚ºã€‚ウィンドウよりも大ãã„å ´åˆã¯ã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã“ã¨ã§è¦‹ã‚‹ã“ã¨ãŒå‡ºæ¥ã‚‹å…¨ä½“ã®ã‚µã‚¤ã‚ºã€‚ ウィンドウ
IDEA * IDEA
ã€iPhone・iPad】サイト制作ã®ã¾ã¨ã‚ | Yuki's SlowLife
åˆå¿ƒè€…ã®ãŸã‚ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã‚’作るã¨ãã«è¦‹ã¦ãŠããŸã„サイト｜WEB Drawer -WEB制作ã«é–¢ã™ã‚‹ãƒ¡ãƒ¢ã‚µã‚¤ãƒˆ-
ウノウラボ Unoh Labs: PHPã§æš—å·åŒ–・復å·åŒ–ã‚ã‚Œã“ã‚Œ
iPhoneå‘ã‘サイト構築 基礎文法最速マスター - EC studio デザインブãƒã‚°
iPhoneå‘ã‘サイトã®æ§‹ç¯‰ã«å½¹ç«‹ã¤è¨˜äº‹ã‚’ピックアップ - builder by ZDNet Japan
iPhoneå‘ã‘サイト制作ã®ã‚µãƒ³ãƒ—ルコードを探ã—ã¦ã¿ãŸ
Learn How To Code by Envato Tuts+
{{#tags}}- {{label}}
{{/tags}}