ズーム時にデスクトップ上のようにAndroid上でCSSの浮動小数点表示を行う方法は？

divはdivの束とfloat: leftを含んでいます。ズーム時にデスクトップ上のようにAndroid上でCSSの浮動小数点表示を行う方法は？

デスクトップFirefoxでは、ウィンドウのサイズを変更したり、ページをズームすると（Ctrl +/-）、ブロックがうまくリフローされます。

Androidで同じページをピンチズームすると、コンテンツはリフローされず、一部はビュー外で終了し、表示するためにスクロールする必要があります。

モバイルブラウザがデスクトップのようにブロックをリフローできるようにするにはどうすればよいですか？

<html> 
<head> 
<style type="text/css"> 
#box { } 
#item { float: left; } 
</style> 
</head> 
<body> 
<div id="box"> 
    <div id="item">A</div><div id="item">B</div><div id="item">C</div><div id="item">D</div><div id="item">E</div> 
    <div id="item">A</div><div id="item">B</div><div id="item">C</div><div id="item">D</div><div id="item">E</div> 
    <div id="item">A</div><div id="item">B</div><div id="item">C</div><div id="item">D</div><div id="item">E</div> 
    <div id="item">A</div><div id="item">B</div><div id="item">C</div><div id="item">D</div><div id="item">E</div> 
    <div id="item">A</div><div id="item">B</div><div id="item">C</div><div id="item">D</div><div id="item">E</div> 
    <div id="item">A</div><div id="item">B</div><div id="item">C</div><div id="item">D</div><div id="item">E</div> 
    <div id="item">A</div><div id="item">B</div><div id="item">C</div><div id="item">D</div><div id="item">E</div> 
    <div id="item">A</div><div id="item">B</div><div id="item">C</div><div id="item">D</div><div id="item">E</div> 
    <div id="item">A</div><div id="item">B</div><div id="item">C</div><div id="item">D</div><div id="item">E</div> 
    <div id="item">A</div><div id="item">B</div><div id="item">C</div><div id="item">D</div><div id="item">E</div> 
    <div id="item">A</div><div id="item">B</div><div id="item">C</div><div id="item">D</div><div id="item">E</div> 
</div> 
</body> 
</html>

出典

2012-02-08 Meh

残念ながら、これはAndroidでは既知のバグです。

function recalculate(){ 
    var el = document.getElementById('box').style; 
    el.width = document.body.offsetWidth+"px"; 
    return true; 
} 

<body onresize="recalculate();">

をしかし、アンドロイドの問題であっても、内側の幅の値を/ズーム後の文書の高さが変化しないということである：あなたは、簡単なJavaScriptを使用してこの問題を回避行くことができたはずです。 http://code.google.com/p/android/issues/detail?id=10775

しかし、メディアクエリとビューポートメタタグの問題に対して、別の解決方法が見つかる可能性がありますか？

出典

2012-06-14 05:09:57 Tom

ズーム時にデスクトップ上のようにAndroid上でCSSの浮動小数点表示を行う方法は？

答えて

関連する問題