刷新页面时，表格在 Google Chrome 和 Opera 网络浏览器中展开答案

【问题标题】：Table stretches out in Google Chrome and Opera webbrowser when I refresh the page刷新页面时，表格在 Google Chrome 和 Opera 网络浏览器中展开
【发布时间】：2015-04-27 12:34:05
【问题描述】：

我做了一个 HTML 表格，

但是当我刷新页面时，它在 Google Chrome 和 Opera 网络浏览器中完全展开。它还在 Internet Explorer 和 Firefox 中进行了测试，它仍然是正常的表。

页面刷新后的次常态表如下：

在这下面你可以看到我表格的 CSS 部分：

.rdThemeDataTableCell, table.rdAgDataTable td {
    background-color: #fff;
    padding: 4px;
}

td.rdThemeDataTableCell.rdCgPositionCellXAxis {
    background-color: #ffffff;
    border-style: none;
}

td.rdThemeDataTableCell.rdCgPositionCellXAxis {
    background-color: #ffffff;
    border-style: none;
}

现在我不知道它是如何在某些浏览器中工作而在某些浏览器中不能工作的，但它需要在任何地方工作。

【问题讨论】：

代码不足以重现问题。
你有遇到过这个问题吗？
如果我有，我可能会得到一些可能导致它的 HTML。
HTML 是 Logi Info 自动生成的，没有 css，我没有问题，所以原因就在那里。

标签： html css html-table stretched

【解决方案1】：

我不知道这是否对你有帮助。

填充，边框在不同的浏览器中似乎有所不同。据我所知，您的问题与特定浏览器有关。

有一些方法可以针对特定浏览器并将自定义样式应用于问题所在的内容。

-WebKit- 对于Chorme，Opera

@media screen and (-webkit-min-device-pixel-ratio:0) {    
    .ar #form-wrapper {
        width: 330px;
    }      
}

对于 Firefox 的 moz 文档：

 @-moz-document url-prefix() {       
    .submit_btn {
        padding-bottom: 5px;
    }
}

Link regarding other browser tricks.

【讨论】：

【解决方案2】：

答案是我使用了时间输入，但我的时间选择器没有样式类。这造成了 Chrome 和 Opera 反应不佳的问题。

【讨论】：