모바일 기기에서 PC 화면으로 고정 레이아웃 노출하기

모바일 레이아웃이 따로 없는 경우,

모바일 기기에서 PC 레이아웃 그대로 노출하고 싶은 경우 아래 방법을 사용할 수 있다.

 

1. viewport meta 태그 사용

<meta name="viewport" content="width=1280">

 

meta 태그의 width에 특정 고정 사이즈를 지정한다.

 

2. css body 태그 수정

body {
    width: 1280px;
    margin: 0 auto;
}

 

body 태그의 width를 특정 사이즈로 지정한다.

 

이렇게 하면 모바일 기기에서도 PC 레이아웃 그대로 노출이 가능하다.