Question

我总是卡在CSS上。我有一张桌子，可以在大屏幕上正常工作，对于移动设备，我希望桌子采用卡片格式。我想到了创建另一个div的想法，并为移动设备创建了UI。然后我尝试使用CSS ...

resp.css

List.html

.immobile{
  display: none;
}
.immonitor{
  display: block;
 }


@media screen and (max-width: 764px){
.immonitor{
    display: none;
}
.immobile{
    display: block;
  }
}

现在，CSS对桌子没有任何影响，它同时显示卡片和桌子。并且CSS已完美加载。

Answer 1

大多数人都犯了这个错误，我想你也做了。您放置视口元标记了吗？

@media only screen and (max-width: 764px){
.immonitor{
    display: none;
}

此代码是使媒体查询正常工作所必需的。再次修改此代码，如下所示：

only

您还没有将name = (String) myStringField.get(obj.getClass());放在屏幕前。

希望这会有所帮助！

已加载CSS，但在显示屏上无效

1 个答案: