简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
집 > 웹 프론트엔드 > HTML 튜토리얼 > 본문

메타 뷰포트 태그 사용방법(모바일 브라우징을 위한 확대/축소 조절)_HTML/Xhtml_웹페이지 제작

WBOY
풀어 주다： 2016-05-16 16:41:25
원래의
1437명이 탐색했습니다.

기존 펌웨어의 OP는 웹페이지를 열 때 항상 50%로 축소되어 표시되며, 아이폰과 같은 뷰포트 설정을 지원하지 않습니다.

웹페이지에 해당 문장이 있을 경우 아이폰 브라우저에서는 원본 크기로 표시되며 확대/축소는 허용되지 않습니다.


여기서:
너비 - 뷰포트의 너비
높이 - 뷰포트의 높이
초기 배율 - 초기 배율
최소 배율 - 사용자에게 허용
maximum-scale - 사용자가 확대할 수 있는 최대 비율
user-scalable - 사용자가 수동으로 확대/축소할 수 있는지 여부

안타깝게도 M8의 OP는 이를 지원하지 않습니다. 이 설정을 사용하면 브라우저가 100% 크기로 웹 페이지를 열 수 있습니다.
Google은 Opera Mobile 9.5만 지원할 수 있다는 것을 발견했습니다. 새로운 펌웨어 버전 1.0이 설치된 OP 브라우저에서는 이를 지원할 수 있는지 궁금합니다.

관련 라벨：
meta viewport
원천：php.cn
이전 기사：프론트엔드 개발자를 수백만 달러의 가치로 만드는 10가지 기술_HTML/Xhtml_웹페이지 제작 다음 기사：IE6 _HTML/Xhtml_Web 페이지 제작 시 이미지 요소 img가 중복 공백으로 나타납니다.
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
Laravel Eloquent 컬럼 캐스트를 컬렉션으로 업데이트하는 방법 저는 Laravel10을 사용하고 있습니다. 다음을 통해 JSON 열 변환을 활용합니다. 직접 컬렉션의 값인 경우: $model->meta->
에서 2024-03-30 09:54:00
0
2
352
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트：공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！