토론방

분류목록

소스관련 pc랑 모바일 화면이 똑같이 나오게하는거,,

모바일에서 너무 크게나오는 메뉴들을 pc화면에서 보는것같이 저렇게 줄이려면

간단한 소스수정만으로 되는게 아닌가요??

디자인팜에서는 간단한건데 이 홈페이지가 소스편집으로 수정해야되서..

게시글 공유 URL복사

수정 삭제 출력

댓글[1]

열기 닫기

이**우 2018-04-11

- two, three 의 크기가 100%로 되어 있습니다.

- 해당값을 50%로 수정해주세요.

# html - 참고

<div id="ps_con2">
   <div class="one">
       슬라이드
   </div>
   <div class="two">
       칼선 / 적립금 / 전사장비 / 외주생산
   </div>
   <div class="three">
       렌탈서비스 바로가기
   </div>

# 모바일 css - 수정해주세요

#ps_con2 img{width:100%;}
#ps_con2:after,#ps_con2 div.two:after{clear:both; content:''; display:block;}
#ps_con2 > div{float:left;}
#ps_con2 div.one{width:100%;}
#ps_con2 div.two{width:100%; margin:0;}
#ps_con2 div.two div{float:left; width:50%;}
#ps_con2 div.three{width:100%;}

->

#ps_con2 img{width:100%;}
#ps_con2:after,#ps_con2 div.two:after{clear:both; content:''; display:block;}
#ps_con2 > div{float:left;}
#ps_con2 div.one{width:100%;}
#ps_con2 div.two{width:50%; margin:0;}
#ps_con2 div.two div{float:left; width:50%;}
#ps_con2 div.three{width:50%;}

댓글작성

열기 닫기

top