mobile 코딩 시 초기 세팅

2021. 12. 23. 11:18Study/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