更改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