Javascript 在iPhone上检测缩放百分比的方法有多可靠 //初始化 var initialWidth=window.innerWidth； //放大时调用 函数handleResize（）{ //视口尺寸，这受缩放影响 var viewportwidth=window.innerWidth； var zoomAmount=initialWidth/viewportwidth； $（'#lol'）.html（'
您的视口宽度为'+viewportwidth+'Javascript 在iPhone上检测缩放百分比的方法有多可靠 //初始化 var initialWidth=window.innerWidth； //放大时调用 函数handleResize（）{ //视口尺寸，这受缩放影响 var viewportwidth=window.innerWidth； var zoomAmount=initialWidth/viewportwidth； $（'#lol'）.html（',javascript,jquery,iphone,html,zooming,Javascript,Jquery,Iphone,Html,Zooming,您的视口宽度为'+viewportwidth+'您的本机宽度为'+initialWidth+'总缩放为'+zoomAmount+''）； } 然后在体内： // Init var initialWidth = window.innerWidth; // Called when zoomed in function handleResize(){ // Viewport dimension, this is affected by zoom
您的本机宽度为'+initialWidth+'
总缩放为'+zoomAmount+''）； } 然后在体内：
// Init
var initialWidth = window.innerWidth;
// Called when zoomed in
function handleResize(){
// Viewport dimension, this is affected by zoom
var viewportwidth = window.innerWidth;
var zoomAmount = initialWidth/viewportwidth;
$('#lol').html('<p>Your viewport width is '+viewportwidth+'<br />Your native width is ' + initialWidth + '<br />Total zoom is ' + zoomAmount + '</p>');
}
主要的问题是，如果页面加载了预先放大的内容，那么%的内容就会被弄乱，是否有可能在放大的iPhone上打开一个网页，或者它总是默认为100%？我无法评论这项技术的有效性，但是，我建议你甚至不应该尝试。一般来说，尝试强制或调整缩放级别并不是一个好主意-智能手机设备种类繁多，您不太可能可靠地检测/调整所有设备上的缩放级别。相反，我认为你最好花时间让你的网站在任何缩放级别上看起来都很好。关于iPhone上页面的加载大小，请查看有关“viewport meta tag”的更多信息，看看哪种语法适合你喜欢的初始大小。显示了一种禁用用户完全缩放功能的用法，这可能不是您想要的，但您可以使用“宽度”属性强制设置特定的初始大小。@谢谢，但人们误解了我的问题，我不想强制缩放，我想知道当前的缩放是什么。我的网站显示了一本杂志。缩小时，加载低分辨率版本；放大时，加载高分辨率版本。真的没有办法。那么，让我直截了当地说，你要加载页面，检测设备的缩放级别，然后对适当的版本发出AJAX请求？我明白你为什么要这样做来节省带宽。
<body onresize="handleResize()">
<div id="lol" style="font-size:30px;"></div>