Question

我正在寻找重置这些内容的方法（适用于移动版网站）：

#somediv {

    /* Internet Explorer 10 */
    display: -ms-flexbox;
    -ms-box-orient: vertical;
    -ms-flex-pack: center;
    -ms-flex-align: center;

    /* Firefox */
    display: -moz-box;
    -moz-box-orient: vertical;
    -moz-box-pack: center;
    -moz-box-align: center;

    /* Safari, Opera, and Chrome */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    -webkit-box-align: center;

    /* REGULAR */
    display: box;
    box-orient: vertical;
    box-pack: center;
    box-align: center;

}

我尝试过一次只设置“display：block”。但是有些浏览器（模拟器）似乎仍然有先前设定的规则..我应该只对它们使用“无”吗？

Answer 1

您可以使用media queries将特定样式应用于不同的移动设备。

@media (max-width: 600px) {
#somediv{
  display:block!important;
}
}

尝试向display:block提供!important，以防止被覆盖

如何重置这些CSS样式？

1 个答案: