スマートフォンã§è§£åƒåº¦ã”ã¨ã«æœ€é©ãªç”»åƒã‚µã‚¤ã‚ºã«ã™ã‚‹devicePixelRatioã®è¨å®š | ユージックスマートフォンã§è§£åƒåº¦ã”ã¨ã«æœ€é©ãªç”»åƒã‚µã‚¤ã‚ºã«ã™ã‚‹devicePixelRatioã®è¨å®š 2011å¹´8月31æ—¥ スマートフォンã§ã¯æ©Ÿç¨®ã«ã‚ˆã£ã¦è§£åƒåº¦ãŒã“ã¨ãªã‚‹ã®ã¯å‘¨çŸ¥ã®ã¨ãŠã‚Šã€‚ 100px×100pxã®ç”»åƒã‚’iphone3ã§è¡¨ç¤ºã™ã‚‹ã¨100px×100pxã§è¡¨ç¤ºã•ã‚Œã‚‹ãŒã€iPhone4ã§ã¯è§£åƒåº¦ãŒ2å€ãªã®ã§50px×50pxã«ãªã£ã¦ã—ã¾ã„ã¾ã™ã€‚ スマートフォンã®è§£åƒåº¦ã¯æ¨ªå¹…320pxを標準ã¨ã—ã¦480pxã€640pxã€720pxãªã©æ©Ÿç¨®ã«ã‚ˆã‚Šæ§˜ã€…ãªé•ã„ãŒã‚ã‚Šã¾ã™ã€‚ãã“ã§CSSã®media query を利用ã—ã¦æœ€é©ãªã‚µã‚¤ã‚ºã«æ›¸ã分ã‘ã‚’è¡Œã„ã¾ã™ã€‚ /* devicePixelRatio=1（iPhone3～3GSã€ä½Žè§£åƒåº¦Android端末）ã¨devicePixelRatio未対応ブラウザ */ .className { width: 100px; height: 100px; backgr
スマートフォン(iPhone/Android)アプリ制作時ã«å½¹ç«‹ã¤ç”»åƒã‚µã‚¤ã‚ºã®ã¾ã¨ã‚
Android端末ã®devicePixelRatio
jQuery Mobileを使ã£ãŸå›½å†…スマホサイトã¾ã¨ã‚ (1/3)
スマートフォンå‘ã‘サイトã®ä½œã‚Šæ–¹ | ユージック
アンドãƒã‚¤ãƒ‰åŠã³iphoneã§å‹•ç”»é–²è¦§ãŒå¯èƒ½ãªhtmlを書ããŸã„ã®ã§ã™ãŒã€ãã†ã„ã£ãŸäº‹ã‚’記載ã—ã¦ã„るサイトãŒãªã‹ãªã‹è¦‹ã¤ã‹ã‚Šã¾ã›ã‚“。…
Admiral
{{#tags}}- {{label}}
{{/tags}}