当前位置: 代码迷 >> Iphone >> meta viewport统制网页在iPhone中满屏
  详细解决方案

meta viewport统制网页在iPhone中满屏

热度:97   发布时间:2016-04-25 06:19:02.0
meta viewport控制网页在iPhone中满屏
当设定好DIV的宽度和高度时,Safari会自动缩放
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.2//EN" "http://www.openmobilealliance.org/tech/DTD/xhtml-mobile12.dtd">


<html>	<head><meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, minimum-scale=1.0, maximum-scale=3.0, user-scalable=yes" />		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">	</head></html>


iPhone满屏幕显示:
width=device-width

width – viewport的宽度
height – viewport的高度
initial-scale – 初始的缩放比例
minimum-scale – 允许用户缩放到的最小比例
maximum-scale – 允许用户缩放到的最大比例
user-scalable – 用户是否可以手动缩放


  相关解决方案