我有加载 html 页面的 UIWebView 对象。Html-page 通过 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 缩放解决了问题。