// 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>');
}然后在正文中:
<body onresize="handleResize()">
<div id="lol" style="font-size:30px;"></div>在我的MobiOne iPhone模拟器上,它的准确率似乎在+-7%以内,但我没有真正的iPhone来测试它。这是一个好的解决方案,还是我以后会遇到问题?
主要的问题是,如果页面加载是预先放大的,那么%s就会变得混乱,是否可以在放大的iPhone上打开网页,或者它会始终默认为100%吗?
发布于 2011-02-15 23:33:32
我真的不能评论这项技术会有多有效,但是我建议你甚至不应该尝试。一般来说,试图强制或适应缩放级别并不是一个好主意--智能手机设备种类繁多,您不太可能能够可靠地检测/调整所有设备上的缩放级别。相反,我会争辩说,你的时间应该花在让你的网站在任何缩放级别下看起来都很好。
https://stackoverflow.com/questions/5005482
复制相似问题