Android対応スマートフォンサイトã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆï¼ˆviewport・コンテナ編）最近ã„ã‚ã‚“ãªã‚¹ãƒžãƒ›æœ€é©åŒ–ã•ã‚ŒãŸã‚µã‚¤ãƒˆã‚’見るよã†ã«ãªã‚Šã¾ã—ãŸã€‚ ãã‚Œã¨åŒæ™‚ã«ã€å¤šæ§˜ãªAndroid端末ãŒæ€¥é€Ÿã«æ™®åŠã—ã€iPhone3GSãŒå…¨ç››ã ã£ãŸåŽ»å¹´ã¾ã§ã®åˆ¶ä½œæ–¹æ³•ã§ã¯å¯¾å¿œãŒä¸å分ã«ãªã£ã¦ãã¦ã¾ã—ã¦ã€åƒ•è‡ªèº«ã‚‚試行錯誤ä¸ãªã“ã¨ã‚‚ã‚ã‚Šã€2011å¹´5月時点ã§ã®iPhone・Androidã«å¯¾å¿œã§ãる自分ãªã‚Šã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆæ–¹æ³•ã‚’ã¡ã‚‡ã£ã¨ã¾ã¨ã‚ã¦ã¿ã‚ˆã†ã¨æ€ã„ã¾ã™ã€‚ 今回ã¯å…¨ä½“ç·¨ãªã®ã§ã€ä¸»ã«viewportã®è¨å®šã¨å…¨ä½“を囲むコンテナè¦ç´ ã«ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ã‚’絞りã¾ã™ã€‚ viewportã¯device-widthã€ã‚³ãƒ³ãƒ†ãƒŠã¯width:100%ãªã©ã®ä¼¸ç¸®ã™ã‚‹ãƒªã‚ッドレイアウト㫠端末ã®æ¨ªå¹…を最大é™ã«æ´»ã‹ã—ãŸæ–¹ãŒã‚ˆã„ 特ã«ç†ç”±ãŒç„¡ã‘ã‚Œã°ã€å¤§æŠµã®å ´åˆã¯ã€ viewportã¯device-widthã€ã‚³ãƒ³ãƒ†ãƒŠã¯width:100%ãªã©ã®ä¼¸ç¸®ã™ã‚‹ãƒªã‚ッドレイアウトã«ã™ã‚‹ 自然ãªè€ƒãˆæ–¹ã§è€ƒãˆã‚‹ã¨ã€PCã«æ¯”ã¹ã‚‹ã¨ãŸã ã§ã•ãˆç‹
Viewport [iPhone生活]
Twitterã«ãŠã‘る大è¦æ¨¡ã‚·ã‚¹ãƒ†ãƒ 構築ã€3ã¤ã®åŽŸå‰‡
#!shebang.jp : AKB48 22thシングルé¸æŠœç·é¸æŒ™ã‚’予想ã™ã‚‹ã€‚
{{#tags}}- {{label}}
{{/tags}}