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 / 12 Page
    [ [게시판] 상단 메뉴 그룹>게시판 자동 메뉴[추천] ]

    [게시판] 상단 메뉴 그룹>게시판 자동 메뉴글쓴이 :이빌더스조회 : 2,680 추천 : 21 스킨화.zip (18.6K)[94]DATE :…

    [ 블로그나 홈페이지에 BGM 넣기(시계와 날씨창(600종) 큐브) ]

    블로그나 홈페이지에 BGM 넣기(시계와 날씨창(600종) 큐브)전체공개무료BGM 설치하기 팁|2008/01/30 17:30http://blog.…

    [ amina thema 설정변경 파일 위치 ]

    ###■ https://11q.kr는 정보를 찾아 공유 합니다..■ https://11q.kr\r\n\r\n\r\n\r\n\n[이 게시물은 관리…

    [ 배추 라이트와 아미나 스킨 테마 적용 ]

    배추 라이트와 아미나 스킨테마 적용\n[이 게시물은 관리자님에 의해 2013-11-17 19:08:52 11.H_BBS에서 이동 됨]\n[이 게…

    [ 시놀로지 서버 자료 공유하기 sw공유 방법 ]

    시놀로지 diskstation의 filestation의 파일 공유 방법은 패스워드를 입력해야 공유됨\r\n\r\n\n[이 게시물은 관리자님에 의…

    [ disk station에 로그인할 권한이 없습니다라는 메세지가 뜹니다 외부ip ddns또는 특정 pc 접속… ] 댓글 2

    disk station에 로그인할 권한이 없습니다라는 메세지가 뜹니다 외부ip ddns로 집에서 접속하니 dsm이 접속이되지 않음- 저는 내부 …

    [ filestation에서 디랙토리가 삭제되지 안음 해결 ]

    11q.kr 는 네이버/구글에서 검색 찾아오세요\r\n----------------------------------------------file…

    [ 림스모바일 2.6.3 검색이 되지 안되네요 (1/14일 버전 해결) ] 댓글 2

    심봉사 \r\n감사 합니다 새롭게 업데이트 하여 금일 림스모바일 2.6.3 버전 설치 하였습니다 찾기가 되지 않아 문의 드립니다 림스 모바일 홈…

    [ 배추빌더 lite 전체 업데이트 하기 ]

    배추빌더 lite 전체 업데이트 하기\r\n\r\n.Shims HomePage[https://11q.kr 홈피] .\n[이 게시물은 관리자님에 …

    [ 게시판 공유 카카오톡으로 링크 공유 하기_성공 20150109 ] 댓글 1

    >https://developers.kakao.com/docs/js카카오톡개발가이드에 접속 / 카카오톡 링크 에서1.원본 아래 소스를 게시…

    [ 시놀로지 nas 서버 접속한 ip추적 북한/중국/러시아연방 ip차단 설정하기 /ip 추적 사이트/차단리스트 ] 댓글 2

    ♠ 웹서버가 접속이 지연되고 특정ip가 지속적으로 접속 시도되어\r\n ip추척 검색하여 지도로 확인하니 중국서버에서 접속 시도하고 있습니다\r…

    [ view 페이지에서 PDF 파일 뿌려주기 ]

    홈 > 아미나빌더 > 활용팁\r\n활용팁\r\n\r\n view 페이지에서 PDF 파일 뿌려주기\r\n\r\n\r\n3하늘™ 기타 5…

    [ dsm 5.2 헤놀로지/시놀로지 5967 업데이트 사용기 ] 댓글 5

    헤놀로지/시놀로지 dsm 5967 업데이트 XPEnoboot 5.2-5644.5 DS3615xs 와 dsm 5967을 적용 가능하네요제장비에 업…

    [ vmware 스냅샷 설정값 백업 (자료구굴링 ) ]

    주) 스냅샷을 사용하면 설정 백업을 할수 있으나 용량이 2씩 증가하여 hdd 용량증가에 문제 발생\r\n 설정값에서 제외 사용중입니다 .\r\n…

    [ 이메일 스펨)발송자차단 및 서버 메일 릴레이 차단 방법??시놀로지 이상한 저의 이메일 도용 메일 발송 어디가… ] 댓글 17

    이메일 스펨)발송자차단 및 서버 메일 릴레이 차단 방법??\r\n시놀로지 이상한 저의 이메일 도용 메일 발송 어디가 문제인지 혹인좀 부탁 합니다…

    [ 자료펌)시놀로지 NAS로 워드프레스 운영 5개월… 그간의 최적화 팁 ]

    시놀로지 NAS로 워드프레스 운영 5개월… 그간의 최적화 팁\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n가 가 가 \r\n배운 게 …


    ♥간단_메모글♥


    최근글


    새댓글



    PHP 안에 HTML ☞ 홈페이지 화면갱신 시간은 ♨
    ▶ 2024-06-16 12:15:47

    오늘의 홈 현황


    • 현재 접속자♨ 524 명
    • 오늘 가입자※ 0 명
    • 어제 가입자※ 3 명
    • 주간 가입자※ 24 명
    • 오늘 방문자 1,426 명
    • 어제 방문자 1,320 명
    • 최대 방문자 13,042 명
    • 전체 방문자 4,381,213 명
    • 전체 게시물※ 8,636 개
    • 전체 댓글수※ 24,741 개
    • 전체 회원수 11,051 명

    QR코드


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

    알림 0








    최신글↑