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,674 / 11 Page
    [ 실패)시놀로지 서베일런스에서 usb 카메라 사용하기 ]

    pc의 usb 카메라를 이용하여시놀로지 서베일런스에서 usb 카메라 사용하기https://www.clien.net/service/board/cm…

    [ 내장 하드 드라이브를 esata 하드 드라이브로 보는 Xpenology 문제 수정 ]

    dsm하드웨어 정보 확인 방법 / 내장 하드 드라이브를 esata 하드 드라이브로 보는 Xpenology 문제 수정DS3617xs현재 DSM 버…

    [ 성공)synoboot-ds918_Juns_Mod_v1.04b 작업 테스트 _DSM Version: 6.2.1… ] 댓글 35

    성공)synoboot-ds918_Juns_Mod_v1.04b 작업 테스트 _DSM Version: 6.2.1-23824 신규 설치 성공회원139…

    [ 성공)piwigo 자동 썸네일 이미지 만들기 ver.1.0 (리눅스 bash 이용)및 파일 이름을 한꺼번에 … ] 댓글 3

    piwigo 자동 썸네일 이미지 만들기 ver.1.0 (리눅스 bash 이용)및파일 이름을 한꺼번에 바꿔주는 프로그램입니다.http://xeno…

    [ 작업 실패기)헤놀로지(dsm617)에서 시놀로지(dsm621-> dsm617) 마이그레이션 후 복원작업 준비… ] 댓글 3

    헤놀로지(dsm617)에서 시놀로지(dsm621-> dsm617) 마이그레이션 후 복원작업 준비 작업헤놀로지에서 시놀로지로 복원작업 진행 …

    [ u5mini) 의 apk 파일 설치 검색 방법및 pc에서 화면 보기 화면공유 사용기 ]

    apk 다운로드는 저는 크롬에서 apkpure 로 찾아 설치 합니다본내용은 저의 홈블로그에 동일 내용이며첨부자료는https://11q.kr/g5…

    [ 해놀로지 노트북 설치을 위한 SSD교체방법 NT371B5J 및 시놀로지 설정 하기 ] 댓글 1

    삼성노트북 SSD교체방법 NT371B5J및 해놀로지 HDD구성 하기저전력 30W 소비전력 및 UPS 를 밧데리로 항시 안전한 시놀로지 입니다.…

    [ 펌자료)리다이렉션(페이지 이동)의 3가지 방법, location.href ] 댓글 1

    리다이렉션(페이지 이동)의 3가지 방법, location.href서방님0건68회http://xn--qj1br0pu4d.kr/bbs/board.p…

    [ 네트워크 연결 이더넷 브리지 연결 설정 ]

    네트워크 연결 이더넷 브리지 연결 설정◎ ■ ▶ ☞ ♠ 정보찾아 공유 드리며 출처는 링크 참조 바랍니다. https://11q.kr ♠

    [ CoreElec - entware 설치 linux debian 작업 ] 댓글 1

    CoreElec - entwarehttps://tvch.tistory.com/Entware 란 무엇이며 설치 / 제거 방법은 무엇입니까?핵심ad…

    [ 펌정보)안드로이드 TV 박스 구매 필수 정보 정리 및 활용 종합 가이드 ]

    펌정보)안드로이드 TV 박스 구매 필수 정보 정리 및 활용 종합 가이드https://cafe.naver.com/mk802/34139■ ▶ ☞ ♠…

    [ 참조)샤오미 미박스(Mi Box) 글로벌롬(오레오) 올리기 및 교체 작업 필요 없음 ]

    참조)샤오미 미박스(Mi Box) 글로벌롬(오레오) 올리기 및 교체 작업 필요 없음니다MiBox3-EddyLab에디션에서 구입한 제품의 정보 입…


    ♥간단_메모글♥


    최근글


    새댓글



    PHP 안에 HTML ☞ 홈페이지 화면갱신 시간은 ♨
    ▶ 2024-06-11 06:07:09

    오늘의 홈 현황


    • 현재 접속자♨ 346 명
    • 오늘 가입자※ 0 명
    • 어제 가입자※ 7 명
    • 주간 가입자※ 23 명
    • 오늘 방문자 1,315 명
    • 어제 방문자 2,134 명
    • 최대 방문자 13,042 명
    • 전체 방문자 4,371,710 명
    • 전체 게시물※ 8,635 개
    • 전체 댓글수※ 24,723 개
    • 전체 회원수 11,034 명

    QR코드


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

    알림 0








    최신글↑