본문 바로가기
프로그램/웹 태그

target 쓰는 법

by wanee 2014. 11. 17.

프래임 구조상 상위 프래임의 주소를 바꾸게 하려면
<script>
parent.location.href = 'url.php';
</script>

 

예제)------------------------------------------------------------

 

<script type="text/javascript">
var mobileKeyWords = new Array('iPhone', 'iPod', 'BlackBerry', 'Android', 'Windows CE', 'LG', 'MOT', 'SAMSUNG', 'SonyEricsson');
for (var word in mobileKeyWords){
    if (navigator.userAgent.match(mobileKeyWords[word]) != null){
     parent.location.replace('http://m.apikorea.co.kr');
        break;
    }

}
</script>

--------------------------------------------------------------------------------------------------------------

 

 모바일 페이지 사이즈 자동조절

<head>

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=medium-dpi" />

</head>

 

 


** 디바이스가 다른 해상도에 맞춰 100%로 최적화 되도록 보여줌.
<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width, target-densitydpi=medium-dpi"/>

 

** 전화자동걸기 태그 방지.
전화번호 형식의 경우 자동전화걸기로 연결되는데 이를 방지.
<meta name="format-detection" content="telephone=no" />

 

 

 

** webkit 기반의 브라우저에서 텍스트사이즈가 들쑥날쑥 하지 않게

body {

-webkit-text-size-adjust: none;
}

 

http://troy.labs.daum.net/  모바일 페이지 테스트 화면

 

댓글