1

Blackberry10用の単純なhtml/Javascriptアプリを作成しようとしています。次のCSSコードで問題が発生しています：

td
{
    width:100px;
    vertical-align:top;
}

ラップトップのChromeでは正しく機能しますが、デバイスでテストすると、セルの内容だけをカバーするように幅が狭くなっていることがわかります。セルの内容は間違いなく100px未満です。

メタビューポートの設定方法と関係があるのではないかと感じています。

<meta name="viewport" content="width=device-width, initial-scale=1">

誰かが問題が何であるか知っていますか？

4

2 に答える 2

0

次のようにビューポートを設定してみてください。

<script> var meta = document.createElement("meta"); meta.setAttribute('name','viewport'); meta.setAttribute('content','initial-scale='+ (1/window.devicePixelRatio) + ',user-scalable=no'); document.getElementsByTagName('head')[0].appendChild(meta); </script>

于 2012-11-19T14:37:37.743 に答える
0

リックに感謝します。最小幅を設定することでうまくいきました。

td
{
    min-width:100px;
    vertical-align:top;
}
于 2012-11-19T18:00:01.780 に答える