html - 为移动黑莓应用程序创建表格时将 html 单元格设置为静态宽度

Question

我正在尝试为 Blackberry 10 创建一个简单的 html/Javascript 应用程序。我遇到了以下 CSS 代码的问题：

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

它在我的笔记本电脑上的 Chrome 中正常工作，但是当我在我的设备上测试它时，我发现宽度缩小到刚好覆盖单元格的内容。单元格的内容肯定小于 100px。

我感觉这可能与我设置元视口的方式有关。

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

有谁知道可能是什么问题？

Answer 1

谢谢瑞克，设置最小宽度就可以了。

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

Answer 2

您可以尝试像这样设置视口吗：

<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>