HTML – 如何在ipad上强制精确缩放

概述我想要实现的是：在ipad处于横向模式时强制缩放1.0,在纵向模式下强制缩放0.75,但禁用用户缩放.我尝试了meta视口标记的所有组合,但没有任何效果： >当用户可扩展为否时,横向工作正常,但无论我如何设置最大和最小尺度,它都不会纵向缩放到0.75 >当用户可扩展性为是时,它有时可以正常工作,但由于有很多用ajax添加内容,有时当页面变长时,页面会缩小以适应屏幕上的整个页面,我想防止 那么,有没 我想要实现的是：在ipad处于横向模式时强制缩放1.0,在纵向模式下强制缩放0.75,但禁用用户缩放.我尝试了Meta视口标记的所有组合,但没有任何效果：

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

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

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

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",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">

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

总结

以上是内存溢出为你收集整理的HTML – 如何在ipad上强制精确缩放全部内容，希望文章能够帮你解决HTML – 如何在ipad上强制精确缩放所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。