11.Nas_1


새창 작성 수정 목록 링크 Edit G카랜다 HDD HDD HDD 게시물 주소 복사


mobileweb 기기의 적정 확대 비율을 정의하는 viewport meta 태그‎ head.sub.php 수정 합니다

♨ 카랜더 일정 :
  • 링크

  • 첨부

  • 컨텐츠 정보

    본문

    \r\n

    mobileweb 기기의 적정 확대 비율을 정의하는 viewport meta 태그

    ‎- 2010년 1월 29일\r\n
    \r\n
    \r\n
    \r\n
    blog.daum.net/soft33 - V 아름다운 나의 인생 V
    maximum-scale : 최대 확대 비율 user-scalable ... 예:120%의경우1.2), 표시단위에서 계산되는 값, minimum-scale~maximum-scale. minimum-scale, 배율의 ...
    \r\n
    -----------------------------------------
    \r\n
    수정부분 : head.sub.php
    \r\n
    \r\n
    ============ 변경전 ===================
    \r\n
    \r\n
         \r\n
    <!DOCTYPE html>
    \r\n
    <html lang="ko">
    \r\n
        <head>
    \r\n
            <meta name="Author" content="g4mob.com"/>
    \r\n
            <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" />
    \r\n

    \r\n
    ============ 변경후 ===================
    \r\n
    \r\n
    <!DOCTYPE html>
    \r\n
    <html lang="ko">
    \r\n
        <head>
    \r\n
            <meta name="Author" content="g4mob.com"/>
    \r\n
            <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=10.0, minimum-scale=1.0, user-scalable=yes, target-densitydpi=medium-dpi" />
    \r\n
    <!-- head.sub.php 모바일기기 확대 가능하게 사용자 zoom 기능 user-scalable=yes 수정부 -->
    -------------------------------------------------------------------------
    \r\n
    안드로이드 웹브라우즈 boat브라우즈를 사용시 화면 좌우 화면 확대시  자동으로 정렬 됩니다.
    \r\n
    아래 어플을 사용  화면 확대 해보세요
    \r\n\r\n

    \r\n
    ==========================
    \r\n
    오늘은 처음으로 meta 값인 viewport 를 살표보도록 합시다. 우선 시원스럽게 사용방법부터 보지요. 메타값은 head 부분에 넣는 것은 다들 아시겠죠?
    \r\n

    \r\n
    \r\n
    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />

    \r\n
    viewport는 화면의 확대를 관리하는 것입니다. 모바일 웹브라우져는 대부분 기기의 화면이 작기 때문에 원래의 페이지를 축소해서 보여줍니다. 하지만 모바일에 최적화 된 페이지는 그럴 필요가 없겠죠? width 를 100%로 주어 어떤 해상도에서도 딱 맞춤형으로 나오는 것이 사용성이 훨씬 좋아집니다. 그러기 위해서는 화면을 확대하는 것을 방지해야 하는데요. 이것을 사용하면 가로보기로 전환시에 확대가 되는 것을 방지 합니다. 코드의 내용을 자세히 보면, initial-scale 은 처음 열렸을 때, maximum-scale 은 확대시의 최대로 확대되는 비율을 나타냅니다. 그리고 user-scalabe 을 통해서 확대를 사용할지 안할지를 결정할 수 있습니다.
    ----------------------------------------------
    Homepc.11q.kr
    ========================\n
    [이 게시물은 관리자님에 의해 2013-11-18 21:29:50 11.H_BBS에서 이동 됨]
    [ 추가 정보 ... 더보기) ]
    뷰PDF 1,2



    office view

    관련자료

    댓글목록

    등록된 댓글이 없습니다.

    목록

    새창 작성 수정 목록 링크 Edit G카랜다 HDD HDD HDD 게시물 주소 복사




    Total 1,675 / 17 Page
    [ ● PHP, Mysql 응답속도 개선 홈페이지가 느리다고 수정 서버응답 확인 ] 댓글 2

    ●PHP, Mysql 응답속도 개선 홈페이지가 느리다고 수정PHP 문서 작성중 파일을 수정했는데 웹서버에 반영 속도가 느리다면php.ini 파일…

    [ ● 시놀로지 기본 ipkg 설치 각종 유틸리티 사용을 위한 ipkg 설치 과정 ] 댓글 3

    ● 시놀로지 기본 ipkg 설치 각종 유틸리티 사용을 위한 ipkg 설치 과정https://11q.kr/www/bbs/board.php?bo_t…

    [ ● ESXi 7.0 Web Client 자동 로그아웃 끄기 ]

    ●ESXi 7.0 Web Client 자동 로그아웃 끄기 esxi 로그인 작업후 얼마의 시간 경과후 아무런 작업이 없어서 로그아웃되었습니다 ▶V…

    [ ● USB 장치를 ESxi서버 VM에 연결하는 방법 정보 ]

    ● USB 장치를 ESxi서버 VM에 연결하는 방법 정보 https://www.nakivo.com/blog/how-to-use-usb-devic…

    [ ● 정보 [20211205 업데이트] DSM7.0.1 온라인 컴파일(도움 없이 컴파일 3분), eSATA 마… ] 댓글 2

    ● 정보[20211205 업데이트] DSM7.0.1 온라인 컴파일(도움 없이 컴파일 3분), eSATA 마운트, 셧다운 및 기타 드라이버 추가,…

    [ ● 작업참조 정보)헤놀로지 RedPill tinyCore 만능부트로더 for Native img 적용 가이드 ] 댓글 8

    ● 작업준비)헤놀로지 RedPill tinyCore 만능부트로더 for Native img 적용 가이드슈퍼멤버 게시글 정보게시됨2021년 12월…

    [ ● DSM 설치과정이 비정상적으로 중단된경우 접속 해결하기 ] 댓글 1

    ● DSM 설치과정이 비정상적으로 중단된경우 접속 해결하기헤놀로지를 물리파워버튼으로 자꾸 종료하시면 HDD에 무리가 갈수 있으니,가급적 teln…

    [ 설치작업성공● speedtest - docker 설치 모니터링 설치방법 portainer stack 으… ] 댓글 2

    설치작업● speedtest - docker 설치 모니터링 설치방법 portainer stack 으로 설치 방법설치 방법 portainer로 접…

    [ ● Esxi 서버 부트로더 변환 작업이 필요 없는 img 파일 올리기 ] 댓글 1

    ● Esxi 서버 부트로더변환 작업이 필요 없는img 파일 올리기 저는 Esxi 서버에서 img을 그대로 사용합니다방법은vmdk 변환을 1회만 …

    [ ● MobaXterm terminal 로 사용 포트 확인하기 ]

    ● MobaXterm terminal 로 ip별 사용 포트 확인하기내부및 외부 모두 사용중인 ip별 port scan 가능합니다예) 내부로컬은 …

    [ ● 시놀로지작업)동영상 분석 테스트 letsencrypt 업데이트 및 자동 업 데이트 ] 댓글 1

    ● 시놀로지작업)동영상 분석 테스트 letsencrypt 업데이트 및 자동 업 데이트주) 1일 5회이상 발급 안됨,,,,에러 나옴 >>…

    [ ★★★ 무료ssl 인증서 시놀로지작업_재설치 검증성공 ) 무료ssl 인증서 자동생성 Nginx Proxy M… ] 댓글 5

    ★★★무료ssl 인증서시놀로지작업_재설치 검증성공 ) 무료ssl 인증서 자동생성 Nginx Proxy Manager 시놀로지 도커에 설치 작업 …

    [ ● 영상분석)도메인이란? 웹사이트에 나만의 도메인 등록하는 방법 (ft. HTTPS 평생 무료) ] 댓글 2

    ● 영상분석)나의도메인 관리>웹사이트에 나만의 도메인 등록하는 방법 (ft. HTTPS 평생 무료)기존사이트 사용중에 잠깐 / 연결 중단 …

    [ PHP - 간단한 사용자 인증 (로그인 창)컴퓨터/PHP ] 댓글 1

    ◎ 네이버에서 [https://11q.kr 홈피] 검색 찾아오세요 ◎\r\n2009/02/27 11:42\r\n\r\n<?$admin_us…

    [ 갤럭시 S 테그라크 커널 빌드 25 설치하기.../ 갤럭시 펌웨어/오딘 ]

    ♥\r\n갤럭시 S 테그라크 커널 빌드 25 설치하기...는 다음 원본 사이트를 참조 하였습니다http://news.danawa.com/neti…

    [ 로그인후 특정 계시판으로 이동 ]

    bbs/login_check.php 파일 중간정도에 보시면 아래 부분이 있습니다. if ($url) { $link = urldecode($url…


    ♥간단_메모글♥


    최근글


    새댓글



    PHP 안에 HTML ☞ 홈페이지 화면갱신 시간은 ♨
    ▶ 2024-06-25 14:18:44

    오늘의 홈 현황


    • 현재 접속자♨ 394(1) 명
    • 오늘 가입자※ 2 명
    • 어제 가입자※ 0 명
    • 주간 가입자※ 11 명
    • 오늘 방문자 1,172 명
    • 어제 방문자 1,287 명
    • 최대 방문자 13,042 명
    • 전체 방문자 4,393,728 명
    • 전체 게시물※ 8,653 개
    • 전체 댓글수※ 24,770 개
    • 전체 회원수 11,068 명

    QR코드


    ☞ QR코드 스캔은 kakao앱 자체 QR코드

    알림 0








    최신글↑