【问题标题】:change font-size for iphone/ipad saving zoom function更改 iphone/ipad 保存缩放功能的字体大小
【发布时间】:2012-07-31 06:31:41
【问题描述】:

我有加载 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 缩放。

【问题讨论】:

    标签: javascript ios uiwebview


    【解决方案1】:

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

    去看看这个教程对你有帮助

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

    【讨论】:

      猜你喜欢
      • 2016-04-14
      • 1970-01-01
      • 1970-01-01
      • 2016-11-29
      • 1970-01-01
      • 1970-01-01
      • 2017-01-24
      • 1970-01-01
      • 2016-12-16
      相关资源
      最近更新 更多