테스트 사이트 - 개발 중인 베타 버전입니다
SIR
목록으로
이전글 다음글

모바일 접속시 특정부분 보여주기 가능할까요? 채택완료

slow 11년 전 조회 4,781
답변 2
목록
모바일로 접속할 경우
 
제가 지정한 좌표값의 영역에 포커스를 맞춰 뜨게 가능할까요?
 
 test.gif
 
따로 모바일 홈페이지를 만들지 않을거라서
 
모바일로 보게되면 해상도 때문에 전체적으로 축소되서 보이잖아요.
 
그래서 외부로그인부분의 영역을 확대해서 보여주고싶어서요.
 
가능한가요?
 
답변 부탁드릴게요^^
#그누보드4
댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트
지
지더블류
11년 전
미디어쿼리를 사용하기 어려운환경(html5 css3를 사용안한 홈페이지)이라면 다음과 같은 소스를 헤더에 넣으셔서 모바일/pc접속을 구분하여 다른css를 불러와 주시면 됩니다.
해당 부분의css만 별도로 작성하여 각 각 접속 시 불러와 주시게 하면 될듯합니다.
</div>
<div>
<div><? </div>
<div><span class="Apple-tab-span" style="white-space: pre">	</span>function MobileCheck() { </div>
<div><span class="Apple-tab-span" style="white-space: pre">		</span>global $HTTP_USER_AGENT; </div>
<div><span class="Apple-tab-span" style="white-space: pre">		</span>$MobileArray  = array("iphone","lgtelecom","skt","mobile","samsung","nokia","blackberry","android","android","sony","phone"); </div>
<div><span class="Apple-tab-span" style="white-space: pre">		</span>$checkCount = 0; </div>
<div><span class="Apple-tab-span" style="white-space: pre">			</span>for($i=0; $i<sizeof($MobileArray); $i++){ </div>
<div><span class="Apple-tab-span" style="white-space: pre">				</span>if(preg_match("/$MobileArray[$i]/", strtolower($HTTP_USER_AGENT))){ $checkCount++; break; } </div>
<div><span class="Apple-tab-span" style="white-space: pre">			</span>} </div>
<div><span class="Apple-tab-span" style="white-space: pre">	</span>  return ($checkCount >= 1) ? "Mobile" : "Computer"; </div>
<div><span class="Apple-tab-span" style="white-space: pre">	</span>} </div>
<div><span class="Apple-tab-span" style="white-space: pre">	</span>?> </div>
<div><span class="Apple-tab-span" style="white-space: pre">	</span><? </div>
<div><span class="Apple-tab-span" style="white-space: pre">	</span>if(MobileCheck() == "Mobile"){</div>
<div><span class="Apple-tab-span" style="white-space: pre">		</span>echo"</div>
<div><span class="Apple-tab-span" style="white-space: pre">		</span><!-- 모바일에서 접속 시 불러오는css --></div>
<div><span class="Apple-tab-span" style="white-space: pre">		</span><link rel="stylesheet" media="all" href="모바일용css경로.css"  /></div>
<div><span class="Apple-tab-span" style="white-space: pre">		</span>";</div>
<div><span class="Apple-tab-span" style="white-space: pre">	</span>} </div>
<div><span class="Apple-tab-span" style="white-space: pre">	</span>else{</div>
<div><span class="Apple-tab-span" style="white-space: pre">		</span>echo"</div>
<div><span class="Apple-tab-span" style="white-space: pre">		</span><!-- PC에서 접속 시 불러오는css --></div>
<div><span class="Apple-tab-span" style="white-space: pre">		</span><link rel="stylesheet" media="all" href="pc용css경로.css"  /></div>
<div><span class="Apple-tab-span" style="white-space: pre">		</span>";</div>
<div><span class="Apple-tab-span" style="white-space: pre">	</span>}</div>
<div><span class="Apple-tab-span" style="white-space: pre">	</span>?></div></div>
<div>
로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

진서기
진서기
11년 전
미디어쿼리를 이용하시면 됩니다.
로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

�
지운아빠
11년 전
전진님 반응형 웹 강좌도 참고해보세요.
http://goo.gl/di3iXi

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인