mobile 코딩 시 초기 세팅
2021. 12. 23. 11:18ㆍStudy/Publishing
mobile 코딩 시 초기 세팅
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="apple-mobile-web-app-status-bar-style" content="black"><!-- 아이폰에서 상태바메뉴 컬러 수정 -->
<title>Mobile Web</title>
<link rel="apple-touch-icon-precomposed" href="app_icon.png"><!-- 홈화면 바로가기 아이콘 설정 114x114 -->
<link rel="apple-touch-startup-image" href="startup.png"><!-- 시작 로딩 이미지 -->
<link rel="stylesheet" href="./css/common.css">
<link rel="stylesheet" href="./css/main.css">
<script>
// 아이폰에서 주소 입력창을 위로 올려준다
// <![CDATA[
try {
window.addEventListener('load', function(){
setTimeout(scrollTo, 0, 0, 1);
}, false);
}
catch(e) {}
// ]]>
</script>
<script src="js/jquery-1.8.3.min.js"></script>
<script>
$(document).ready(function() { // 검색창 열고 닫기
$("#btn1").toggle(function() {
$("#content").slideDown('slow');
}, function() {
$("#content").slideUp('fast');
});
});
</script>
</head>
<body>
</body>
</html>
'Study > Publishing' 카테고리의 다른 글
div 팝업 시 body scroll 비활성화 (0) | 2022.01.03 |
---|---|
youtube iframe 동영상 반응형 비율 (0) | 2021.12.24 |
모바일 CSS 스타일링 (0) | 2021.12.22 |
mobile viewport 및 기타설정 (0) | 2021.12.21 |
mobile web (0) | 2021.12.21 |