css - 如何重置这些 CSS 样式？

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 以防止它被覆盖