当我刷新页面时，Table 在 Google Chrome 和 Opera webbrowser 中延伸

Question

我做了一个HTMLtable,

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

页面刷新后的不正常table是这样的：

在这下面你可以看到我的table的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;
}

现在我不知道为什么它在某些浏览器中可以工作而在某些浏览器中不能工作，但它需要在任何地方都可以工作。

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

Answer 2

答案是我使用了时间输入，但我的时间选择器没有样式 class。这造成了 Chrome 和 Opera 无法对其做出良好反应的问题。

当我刷新页面时，Table 在 Google Chrome 和 Opera webbrowser 中延伸

Table stretches out in Google Chrome and Opera webbrowser when I refresh the page

html

css

html-table

stretched