MdN Design｜ç·åˆæƒ…å ±ã‚µã‚¤ãƒˆiPhone 4ã¯iPhone 3GSã¨åŒã˜ç”»é¢ã‚µã‚¤ã‚ºã®ã¾ã¾ã€2å€ã®è§£åƒåº¦ã¨ãªã£ãŸã€‚ Androidã§ã¯æ©Ÿç¨®ã«ã‚ˆã‚Šç•°ãªã‚‹ãŒã€1.5å€ã®ã‚‚ã®ãŒå¤šã„。 åŒã˜ç”»é¢ã‚µã‚¤ã‚ºã§è¡¨ç¤ºã§ãるピクセル数ãŒå¢—ãˆãŸãŸã‚ã€ç´°ã‹ã„æ–‡å—ã‚‚ãã£ãã‚Šã¨ã—ã¦èªã¿ã‚„ã™ããªã£ãŸã€‚ ã—ã‹ã—ã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®1pxをデãƒã‚¤ã‚¹ä¸Šã®1pxã¨ã—ã¦ãã®ã¾ã¾è¡¨ç¤ºã™ã‚‹ã¨ã€å…¨ä½“çš„ã«å°ã•ã表示ã•ã‚Œã¦ã—ã¾ã†ã“ã¨ã«ãªã‚‹ã€‚ ãã“ã§ã€WebKitをベースã¨ã—ãŸãƒ–ラウザã«ã¯ã€ŒdevicePixelRatioã€ã¨ã„ã†ãƒ—ãƒãƒ‘ティãŒç”¨æ„ã•ã‚Œã¦ã„ã‚‹ã€1】。 devicePixelRatioã¨ã¯ã€ç›´è¨³ã™ã‚‹ã¨ã€Œãƒ‡ãƒã‚¤ã‚¹ã®ãƒ”クセル比率ã€ã§ã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®1pxを実際ã®ãƒ‡ãƒã‚¤ã‚¹ä¸Šã§ä½•pxã¨ã—ã¦æç”»ã™ã‚‹ã‹ã‚’示ã™ã‚‚ã®ã§ã‚る。 ã€1】スマートフォンã®devicePixelRatioã¨è§£åƒåº¦ã®ä¸€ä¾‹
[CSS]ã™ãã«åˆ©ç”¨ã§ãã‚‹ã€ç¾Žã—ã„ボックスシャドウã¨è§’丸ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ã¾ã¨ã‚
{{#tags}}- {{label}}
{{/tags}}