0

我有一个由 3x3 二次单元 td 组成的表格。css 如下（#pics 是表格的 id，.pixcell 是二次单元的类）。该表位于主体内部的容器 div 内。我在整个 DOM 中有相对定位（即每个元素都有位置：相对和百分比大小。我有以下问题：

背景图像绝对不会挤入 firefox 中的 td 大小，而在 safari 中会这样做（甚至还没有开始使用其他浏览器！）

另一个问题：在所有浏览器中，表格都不能缩放到父元素（即超出屏幕大小）。

    #pics {
background: rgba(200, 54, 54, 0);
margin: 0px;
padding: 0px;
position: relative;
left: 5%;
top:5%;
max-height: 80%;
max-width: 80%;
table-layout: fixed;
height:80%;
width:80%;

}

    #pics tr {
      margin: 0px;
padding: 0px;
position: relative;
height: 33.3%;
width: 100%;
 white-space: nowrap;

}

    .pixcell {
      position: relative;
    float: left;
    display: inline-block;
    max-width: 33.3%;
    max-height: 33.3%;
    margin: 0px;
     padding:0px;
    background: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    }

注意：我确实浏览了所有我能找到的问题并遵循了所有建议，但无济于事。我也试过 -moz-background-size: 100% 100%; 无济于事。注意2：我创建我的表并以编程方式（javascript/jquery）将背景url和类分配给td。

4

0 回答 0