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 / 17 Page
    [ 자료펌)apt-get 사용법 ]

    apt-get update소스리스트업데이트apt-get upgrade설치된패키지업데이트apt-get install <패키지>패키지설치…

    [ 사용기/성공)모든버전 DSM 에서 CPU / cpu 모델 변경및 코어 정보 변경하기(최종수정20180817… ] 댓글 3

    사용기/성공)모든버전 DSM 에서 CPU모델 및 코어 정보 변경하기(최종수정20180817일 17시40분 다운로드)http://www.2cpu.…

    [ 리믹스 OS 3.0.207 amd64 USB 이미지 1.1GB.zip ]

    리믹스 OS는 android 6 의 저사양 pc에 하드의 분활 설치 듀얼 부팅가능하고 hdd 설치가 간편합니다1) hdd 볼륨 축소 20기가 여…

    [ ESXi 6.7에 DSM 6.2 설치 방법및 존스로더 다운로드 링크 ] 댓글 14

    ESXi 6.7에 DSM 6.2 설치 방법및 존스로더 다운로드 링크ESXi 6.7에 DSM 6.2 설치및xpenology_62만들기 및 juns…

    [ 홈페이지 제작 유용-돌아다니다 모아본 나름 유용했던 사이트&소스, 디자인들 ]

    내 홈페이지를 삼성 ,아이폰 샤오미등에 어떻게 나올까http://troy.labs.daum.net/홈페이지 제작 유용-돌아다니다 모아본 나름 유…

    [ KOPLAYER_hangul_font_download DroidSansFallback.ttf 한글폰트 추가하… ]

    설정하기 편한 강력한 안드로이드 에뮬레이터https://koplayer.kr.uptodown.com/windows/download에서 다운 로드…

    [ 우분투를 공장 초기화하는 명령이 있습니까? 리눅스 ] 댓글 1

    구성되지 않은 패키지를 구성하십시오.sudo dpkg --configure -a 리포지토리 내용 업데이트sudo apt-get update 누락…

    [ 우분투)vmware ubunto 18.4 버전 네트워크 ip변경 작업 ]

    우분투)vmware ubunto 18.4 버전 네트워크 ip변경 작업현재의 ip 확인터미널 연결현재의 ip는 192.168.0.91 입니다유선네…

    [ u5pvr u5mini 기본 설치 추천 어플 입니다_u5_초기설치_어플20190406.zip ] 댓글 10

    u5pvr u5mini 기본 설치 추천 어플 입니다초기 기본어플 설치 방법입니다 > hifile Manager 을 이용하여 초기설치 저의 …

    [ 무료 인트라넷 속도 테스트 및 벤치 마크 LAN 네트워크 성능 도구 ]

    ◎8 무료 인트라넷 속도 테스트 및 벤치 마크 LAN 네트워크 성능 도구업데이트 날짜 :2019 년 8 월 1 일/홈»프리웨어 및 소프트웨어 리…

    [ 다운로드 MariaDB 저장소 설정 ]

    다운로드MariaDB 저장소 설정https://downloads.mariadb.org/mariadb/repositories/#distro=Deb…


    ♥간단_메모글♥


    최근글


    새댓글



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

    오늘의 홈 현황


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

    QR코드


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

    알림 0








    최신글↑