반응형의 맹점중에 하나입니다. 

반응형이라는게 사이즈에 따라서 유동성있게 변환이 되지만 정렬부분이 들어가게 되버리면 골치아파집니다.

 

만약 이러한 페이지가 많다고 하게 되면 별도의 모바일전용으로 제작을 하는것도 나쁘지 않습니다.

그러나 몇개의 페이지만 깔끔하게 출력을 할려고 하면 모바일이랑 pc를 완전 분리를 해서 따로따로 기재를 하는 방법밖에는 없을 것 같습니다.

<div id="page_pc_only">pc에 출력될 내용</div>

<div id="page_mobile_only">모바일에서 출력될 내용</div>

이렇게 두개를 따로 작업을 하고 

layout.css 에는

.page_pc_only {display:none;}

.paeg_mobile_only {display:block}

 

layout_pc.css에는이와 반대로

.page_pc_only {display:block;}

.paeg_mobile_only {display:none}

 

이런식으로 하는게 제일 깔끔합니다. 

작업하는 페이지가 많으면 조금 귀찮을수도 있는데 깔끔하게 출력을 하실려면 이와 같은 방법 말고는 따로 없을 것 같습니다.