0

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 zoom の代わりに標準の zoom 関数を使用することで問題が解決しました。

4

1 に答える 1

0

1 px ≠ 1 ピクセル CSS ピクセルはデバイス ピクセルではありません

行って、このチュートリアルを見てください。

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

于 2012-12-19T04:46:36.450 に答える