Question

我正在使用以下css处理响应式布局：

#page_container {
    max-width: 960px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    padding: 0;
}
#header {
    position: relative;
    top: -10px;
    padding:0;
    height: 190px;
}
#logo_image {
    position: absolute;
    left: 250px;
    top: -10px;
}
@media only screen and (max-width: 960px) {
#logo_image {
    position: relative;
    margin: 0 auto;     
    max-height: 150px;
    top:0px;
    left: unset;
}

这个想法是，宽度低于960像素时，徽标图像应该更小并居中。这在firefox中运行正常，但在chrome中，＆＃34; left：unset;＆＃34;没有被处理，图像出现在中心的左侧。

我不知道未设置的任何兼容性问题，实际上在页面的其他地方使用它没有问题。我错过了一些明显的东西吗？

Answer 1

Chrome不支持取消设置：

https://developer.mozilla.org/en-US/docs/Web/CSS/unset

使用auto代替。

更新（2016年2月）

自版本41起，Chrome现在支持unset。

Answer 2

先前在Chrome中不支持

'unset'，但现在支持它。该示例现在在Chrome和Firefox中的工作方式类似。

自2014年12月以来，Chromium一直支持'未设置'： https://codereview.chromium.org/775153002

css unset不工作在chrome，在firefox中很好

2 个答案:

更新（2016年2月）