PC, Mobile(모바일) 작업 화면 사이즈 > 공책

- Mobile size

Android(w * h)

360px * 640px (유저수 17.29%) - 시안 사이즈 : 720px * 1280px (x2)

web : 720px * 280px

App : 720xpx * 1280px (x2)

App : 1080xpx * 1920px (x3)

ISO

375px * 667px - 시안사이즈 : 750px * 1334px (x2)

App(iPhone 7) : 1125px * 2001px (x3)

App(iPhone XS Max) : 1242px * 2688px  (x3) 

시안 사이즈(iPhone X) - 11252px * 2436px (3x)

Mobile margin (x1) - 16px, 20px, 24px

- Table  size

 1024px * 768px size (gallexy tab S3) - 시안사이즈 : 2048px * 1536px (2x)

- 반응형

360px, 640px, 720px, 1024px, 1334px, 1600px, 1920

PC

@media screen and (max-width:1500px) {}

@media screen and (max-width:1280px) {}

@media screen and (max-width:1180px) {}

Tablet, Mobile

@media screen and (max-width:981px) {}

@media screen and (max-width:768px) {}

@media screen and (max-width:640px) {}

원글 url : https://blog.naver.com/hong9580/222098502750