Html iOS 8.3-元视口初始比例低于1.0会导致方向更改时出现奇怪的内容缩放
将iOS设备升级到iOS 8.3后，我注意到meta viewport initial scale属性出现了一些奇怪的行为。如果我将初始比例设置为1.0并在网页上旋转设备，整个内容将逐渐变小，最终浏览器将崩溃 我注意到，每次方向改变内容变小的程度与设置初始比例的程度有关。例如，如果我将其设置为0.9，则每次内容都会减少10%。如果我将其设置为0.6，则每次内容都会减少40% 由于这个bug的性质，它不能放在JSFIDLE上，也不能在JSFIDLE上使用。相反，我将在此处粘贴代码，以便您可以在某处自行测试：Html iOS 8.3-元视口初始比例低于1.0会导致方向更改时出现奇怪的内容缩放,html,ios,mobile,web,viewport,Html,Ios,Mobile,Web,Viewport,将iOS设备升级到iOS 8.3后，我注意到meta viewport initial scale属性出现了一些奇怪的行为。如果我将初始比例设置为1.0并在网页上旋转设备，整个内容将逐渐变小，最终浏览器将崩溃 我注意到，每次方向改变内容变小的程度与设置初始比例的程度有关。例如，如果我将其设置为0.9，则每次内容都会减少10%。如果我将其设置为0.6，则每次内容都会减少40% 由于这个bug的性质，它不能放在JSFIDLE上，也不能在JSFIDLE上使用。相反，我将在此处粘贴代码，以便您可以在某处
<!doctype html>
<html>
<head>
<title>initial scale under 1.0</title>
<meta name="viewport" content="width=device-width, initial-scale=0.7, user-scalable=0" />
</head>
<body>
<div id = "wrapper">
<h1>Hello, run this page on iOS 8.3 device and change the orientation multiple times to make this text go smaller and eventually crash the browser!</h1>
</div>
</body>
</html>
初始比例低于1.0
您好，请在iOS 8.3设备上运行此页面，并多次更改方向，使此文本变小，最终导致浏览器崩溃！
<!doctype html>
<html>
<head>
<title>initial scale 1.0</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0" />
</head>
<body>
<div id = "wrapper">
<h1>This text will not get smaller nor will the browser crash when you rotate your device multiple times!</h1>
</div>
</body>
</html>
初始比额表1.0
当您多次旋转设备时，此文本不会变小，浏览器也不会崩溃！
有没有办法解决这个问题？在最新的iOS 8.3版本中，您无法在您的一个站点中重现该漏洞 但是你仍然可以在你的其他网站上复制这个bug 从您使用jQuerymobile的注释中 jQuery mobile的某些版本可能与iOS Safari的某些版本不兼容 在某些版本中，我们不能完全排除safari视口缩放中可能存在的错误。但我们能做的是，我们可以做一些变通来解决这个问题 下面是一个解决缩放问题的方法 以下是jQuery论坛中的一个bug 下面详细介绍如何解决iPhone视口缩放错误 在您的站点中安装最新的jqueryMobile总是明智的，因为它可能具有jqueryMobile在更新版本的浏览器中遇到的修复和解决方法 希望这有帮助
如果有任何疑问，请随时发表评论。类似问题：