iPhone, iPad, ブラウザãªã©ã‚¯ãƒã‚¹ãƒ‡ãƒã‚¤ã‚¹å¯¾å¿œã®CSSフレームワーク -Less FrameworkiPhoneãªã©ã®ãƒ¢ãƒã‚¤ãƒ«ãƒ‡ãƒã‚¤ã‚¹ã«ã¯320pxã€iPadã‚„ãƒãƒƒãƒˆãƒ–ックã«ã¯768pxã€ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ãªã©ã®ãƒ–ラウザã«ã¯1280pxã€ä¸‰ç¨®é¡žã®ãƒ‡ãƒã‚¤ã‚¹ã«ã‚ã‚ã›ã¦ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’切り替ãˆã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ワークを紹介ã—ã¾ã™ã€‚ Less Framework 2 ベースã¨ãªã‚‹ã‚«ãƒ©ãƒ ã¯ä¸‹è¨˜ã®ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ iPhoneãªã©ã®ãƒ¢ãƒã‚¤ãƒ«ãƒ‡ãƒã‚¤ã‚¹ 320pxã€2カラムiPadã‚„ãƒãƒƒãƒˆãƒ–ック 768pxã€5カラムデスクトップãªã©ã®ãƒ–ラウザ 1280pxã€8カラム三種類ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã¯åŒã˜ã‚°ãƒªãƒƒãƒ‰ã‚’使用ã—ã¦ãŠã‚Šã€ã‚«ãƒ©ãƒ 幅：120pxã€æºå¹…：24pxã¨ãªã£ã¦ã„ã¾ã™ã€‚ ç•°ãªã‚‹ç‚¹ã¯ã‚«ãƒ©ãƒ ã¨ãƒžãƒ¼ã‚¸ãƒ³ã®é‡ã§ã™ã€‚ レイアウトã®å¤‰æ›´ã«ã¯CSS3ã®Media QueriesãŒä½¿ç”¨ã•ã‚Œã¦ã„ã¾ã™ã€‚ body {width: 696px;} @media only screen and (max-width: 767px) { body
CSS3ã§IEã«ã‚‚角丸をé©ç”¨ã•ã›ã‚‹htcファイル – creamu
{{#tags}}- {{label}}
{{/tags}}