css - 如何为超大屏幕编写媒体查询（4000 像素以上，即 62 英寸显示器）

Question

我正在为超过 4000 像素的 62 英寸大屏幕编写媒体查询。

谁能指导我如何为超大屏幕编写媒体查询。

.component.css

 @media (max-width: 4000px){
    #map {
      width: 100%;
      
    }

    .overlay {
    position: absolute;
   left: 0;
   background-image: linear-gradient(315deg, #2d3436 0%, #000000 74%);
   opacity: 0.9;
    z-index: 1000;
    height: 700px;
 
    bottom: 0;
  }
  .overlay2 {
    position: absolute;
  width: 1500px;
  height: 2000px;
  top: 0;
/*margin-top: 57px;*/
  right: 0;
  bottom: 0;
  z-index: 1000;
  background-image: linear-gradient(315deg, #2d3436 0%, #000000 74%);
  opacity: 0.6;
  overflow: auto;
  }

标签： csstwitter-bootstrapbootstrap-4responsive-designresponsive

Answer 1

您可以尝试使用

@media only screen and (min-width: 4000px){
    #id {

      desired css
      
    }
}