meta viewport控制网页在iPhone中满屏

最新推荐文章于 2023-03-22 11:10:35 发布

M_ZD513

最新推荐文章于 2023-03-22 11:10:35 发布

阅读量305

点赞数 1

文章标签： Safari iPhone

本文链接：https://blog.csdn.net/M_ZD513/article/details/83966077

版权

当设定好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 – 用户是否可以手动缩放