如何在ipad上强制精确缩放

Question

我想要实现的是:在ipad处于横向模式时强制缩放1.0,在纵向模式下强制缩放0.75,但禁用用户缩放.我尝试了meta视口标记的所有组合,但没有任何效果:

• 当用户可扩展为否时,横向工作正常,但无论我如何设置最大和最小尺度,它都不会纵向缩放到0.75
• 当用户可扩展为是时,它有时可以正常工作,但由于有很多使用ajax添加内容,有时当页面变得更长时,页面会缩小以适应整个页面在屏幕上,我想要防止

那么,有没有办法强制缩放到确切的数字？或者在页面长度变化时禁用缩放？(页面宽度应始终为1024px,不同方向没有不同的css,宽度=设备宽度,我只需缩放)

Answer 1

帕特里克的答案很有用,这是一个更加经过测试的版本

var checkOrientation;
checkOrientation = function() {
  var viewport;
  viewport = document.querySelector("meta[name=viewport]");
  if (window.orientation === 90 || window.orientation === -90) {
    return viewport.setAttribute("content", "width:device-width, initial-scale=1.0, user-scalable=1");
  } else {
    return viewport.setAttribute("content", "width:device-width, initial-scale=0.6, user-scalable=1");
  }
};
window.onorientationchange = function() {
  return checkOrientation();
};
checkOrientation();

别忘了把它放在你的文件头上:

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

请注意,其中一个区别是参数中的逗号而不是分号