Question

我正在尝试编写媒体查询，以匹配使用File file = new File("data/pattern.txt"); Pattern pat = Pattern.compile("subclass \"Pool1\" 11:22:33:44:55:66 \\{\\s*dynamic;\\s*\\}"); String content = Files.lines(file.toPath()).collect(Collectors.joining("\n")); Matcher m = pat.matcher(content); while (m.find()) { System.out.printf("found at %d-%d%n", m.start(), m.end()); }或hidden-xs显示/隐藏的相同项目。什么样的媒体查询可以做到这一点？或者我如何根据这些修饰符有条件地居中（例如）？

Answer 1

根据您的Bootstrap帮助程序类逻辑，您可以使用以下媒体查询。

.hidden-xs定位768px内的元素并隐藏它，.visible-md将定位在768px以上且992px内。

<强>可见-SM

@media (min-width: 768px) and (max-width: 992px) {
  .center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}

<强>隐藏-XS

@media (max-width: 768px) {
  .center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}

媒体查询匹配Bootstrap -xs，-sm等修饰符？

1 个答案: