본문 바로가기
IT 컴퓨터

컴퓨터 PC 에서 모바일 화면 미리보기 하는 방법

by 라스트 트레인 2024. 3. 28.

홈페이지를 만들거나 블로그 포스팅을 했을 경우 모바일에서는 페이지가 어떻게 나오는지 궁금해집니다. 이 때 컴퓨터 PC 에서 모바일 화면 미리보기 하는 방법에 대해 알아보겠습니다.

 

이 방법은 구글 크롬을 사용 할 경우의 방법입니다.

 

 

 

 

 

컴퓨터 PC 에서 모바일 화면 미리보기 하는 방법

 

목차

 

1. 모바일 화면 미리보기

2. 스마트폰 기종 별 미리보기

 

 

모바일 화면 미리보기

 

 

모바일 화면 미리보기를 하고자 하는 페이지에서 F12를 눌러서 구글 크롬 개발자 도구로 진입하고 상단의 모니터와 스마트폰이 겹친 모양의 기호를 클릭합니다.

 

 

 

너무 간단하게 모바일 화면 미리보기가 되었습니다.

 

 

 

 

 

 

 

 

스마트폰 기종 별 미리보기

 

 

이번에는 스마트폰 기종 별 미리보기하는 방법을 알아보겠습니다.

 

모바일 미리보기 화면 상단의 Dimensions: Responsive 를 누르면 아래와 같이 스마트폰 기종이 나옵니다.

 

 

 

더 많은 기종을 보려면 맨 밑의 Edit. 를 누르면 오른쪽에 더 많은 스마트폰 기종이 나오게 됩니다.

 

 

 

아래는 가로세로 모드를 보는 방법이고 스마트폰이 회전하는 모양의 아이콘을 클릭하면 됩니다.

 

 

오늘은 홈페이지를 만들거나 블로그 포스팅을 했을 경우 모바일에서는 페이지가 어떻게 나오는지 ' 컴퓨터 PC 에서 모바일 화면 미리보기 하는 방법' 에 대해 알아보겠습니다.

 

2024.03.26 - [IT 컴퓨터] - 사용하지 않는 기기에서 구글계정 로그아웃

 

사용하지 않는 기기에서 구글계정 로그아웃

이번에는 스마트폰, 노트북, 태블릿 등 사용하지 않는 기기에서 구글계정 로그아웃하는 방법에 대해 알아보겠습니다. 스마트폰, 노트북, 태블릿 등 구글 계정을 사용한 기기들이 많이 있을 겁니

lasttrain.tistory.com

 

반응형

댓글