html 적응 핸드폰
HTML 5 로 모 바 일 애플 리 케 이 션 이나 모 바 일 홈 페이지 를 개발 할 때 헤드 부분 에는 다음 과 같은 코드 가 있 습 니 다. 이 코드 는 도대체 무슨 뜻 입 니까?인터넷 상에 서 는 많은 답 을 얻 을 수 있 을 것 이다.나 는 인터넷 에서 일부 소 개 를 수집 하여 준 비 를 하기 위해 정리 했다.
<meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;"/>모 바 일 브 라 우 저 는 페이지 를 가상 '창' (viewport) 에 두 는 것 입 니 다. 보통 이 가상 '창' (viewport) 은 화면 보다 넓 습 니 다. 그러면 모든 웹 페이지 를 작은 창 으로 밀 지 않 아 도 됩 니 다. (이렇게 하면 모 바 일 브 라 우 저 에 최적화 되 지 않 은 웹 페이지 의 레이아웃 을 파괴 할 수 있 습 니 다) 사용 자 는 이동 과 크기 조정 을 통 해 웹 페이지 의 다른 부분 을 볼 수 있 습 니 다.모 바 일 Safari 브 라 우 저 는 최근 view port 라 는 meta tag 를 도입 하여 웹 개발 자 들 로 하여 금 view port 의 크기 와 크기 를 조절 하 게 하고 다른 모 바 일 브 라 우 저 도 기본적으로 지원 합 니 다.
width: viewport 의 크기 를 제어 하고 지정 할 수 있 는 값 입 니 다. 600 이나 장치 의 너비 (단위 가 100% 로 크기 조정 되 었 을 때의 CSS 픽 셀) 와 같은 특수 한 값 입 니 다.height: width 와 대응 하여 높이 를 지정 합 니 다.initial - scale: 초기 크기 조정 비율, 즉 페이지 가 처음 load 되 었 을 때 크기 조정 비율 입 니 다.maximum - scale: 사용자 가 줄 일 수 있 는 최대 비율 입 니 다.minimum - scale: 사용자 가 줄 일 수 있 는 최소 비율 입 니 다.user - scalable: 사용자 가 수 동 으로 크기 를 조정 할 수 있 습 니까?
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다른 사람의 웹사이트 편집: contenteditable 및 designMode그래도 우리가 그렇게 할 수 있다고 생각하는 것은 멋진 일입니다. 제가 강조하고 싶었던 일종의 관련 API가 실제로 몇 개 있기 때문에 오늘 그것을 가져왔습니다. contenteditable는 "true" 값이 할당...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
