Question

我有加载html页面的UIWebView对象。 Html页面通过js具有缩放功能。

function setViewPortWidth(width) {
var metatags = document.getElementsByTagName('meta');
for(cnt = 0; cnt < metatags.length; cnt++) { 
var element = metatags[cnt];
if(element.getAttribute('name') == 'viewport') {
element.setAttribute('content','width = '+width+'; minimum-scale = 0.1; 
maximum-scale = 1.7%; user-scalable = yes');
document.body.style['max-width'] = '10px'+width;
  }
 }
}

如果我的应用在iPhone上运行，我需要减小字体大小。如何保存缩放功能？如果我通过css @media queries

这样做

@media screen and (min-width : 480px) {
    body { font-size: 25pt; }
}

字体看起来很棒，但是当我放大并缩放时，它会比需要的大25pt。

使用标准缩放功能代替js zoom

问题解决了。

Answer 1

1 px≠1像素 CSS像素不是设备像素

去看看本教程对你的帮助

http://adcdownload.apple.com//wwdc_2012/wwdc_2012_session_pdfs/session_602__delivering_web_content_on_high_resolution_displays.pdf

更改iphone / ipad保存缩放功能的字体大小

1 个答案: