Webサイト制作ã§ã¤ã¾ãšããŒã¡ãªè§£åƒåº¦ã«é–¢ã‚ã‚‹ã‚ã‚Œã“ã‚Œ │ Design Spiceアプãƒãƒ¼ãƒæ–¹æ³•ã¯é•ã†ã‚‚ã®ã®ã€ã“ã®dipã¨å…ˆç¨‹ã®ãƒ‡ãƒã‚¤ã‚¹ãƒ”クセル比ã¯ã»ã¼åŒã˜ç›®çš„ã‚’æŒã£ãŸæ©Ÿèƒ½ã§ã™ã€‚ å‚考：Androidレイアウトã®å˜ä½ – dpã«ã¤ã„ã¦æŽ˜ã‚Šä¸‹ã’ã‚‹ – アンテナ立ã¦ã¦ viewport 仮想的ãªã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦ã‚µã‚¤ã‚ºã§ã™ã€‚ viewportãŒãªã„ã¨ä»®å®šã—ãŸå ´åˆã€ãƒ‡ãƒã‚¤ã‚¹å¹…320pxã®iPhoneã§ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆã«ã‚¢ã‚¯ã‚»ã‚¹ã—ãŸæ™‚ã®ã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦ã‚µã‚¤ã‚ºã¯320ピクセルã¨ãªã‚Šã€é€šå¸¸ã®ã‚µã‚¤ãƒˆã‚’閲覧ã™ã‚‹ã«ã¯ä¸ä¾¿ã§ã™ã€‚ ãã“ã§ä»®æƒ³çš„ã«å¤§ãã„ウインドウサイズã¨ã™ã‚‹ã“ã¨ã§ã€é€šå¸¸ã®ã‚µã‚¤ãƒˆã§ã‚‚ã²ã¨ç›®ã§æƒ…å ±ãŒè¦‹ãˆã€é–²è¦§æ€§ã‚„æ“作性を高ã¾ã‚Šã¾ã™ã€‚ viewportã®ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆå€¤ã¯980ピクセルã§ã™ã€‚ （※iPhoneã¯980ピクセルã§é–“é•ã„ãªã„ã®ã§ã™ãŒå…¨ã¦ã®ã‚¹ãƒžãƒ›ã§980ピクセルã§ã—ょã†ã‹ï¼Ÿ æƒ…å ±ãŒè¦‹ã¤ã‹ã‚‰ãªã‹ã£ãŸã®ã§çŸ¥ã£ã¦ã‚‹æ–¹ã¯æ•™ãˆã¦ãã ã•ã„） ã¾ãŸã€viewportã®æ•°å€¤ã¯ã‚µã‚¤ãƒˆå´ã§æŒ‡å®šã§ãã¾ã™ã€‚ スマホ
実例ã¨ãƒ¦ãƒ¼ã‚¶ãƒ¼ãƒ†ã‚¹ãƒˆã‹ã‚‰ã‚ã‹ã£ã¦ããŸã‚ˆã‚Šã‚ˆã„UIã®ãƒ‡ã‚¶ã‚¤ãƒ³ã¨UXã®æ¡ä»¶
デオシークã®å£ã‚³ãƒŸã‚„効果を検証ï¼ãƒ¯ã‚ガã®ç§ãŒä½¿ã„込んã§ã¿ã¾ã—ãŸï¼ | æ„›ã¨å°ç”º
{{#tags}}- {{label}}
{{/tags}}