更改iPhone / iPad的字體大小以保存縮放功能

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查詢做到這一點

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

字體看起來不錯，但是當我放大和縮小時，它會比所需的25pt大。

---

通過使用標准縮放功能而不是js縮放解決了問題 。

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