（方向：横向）在CSS Media Queries中如何真正起作用？

Question

根据preffferd css语法，我正在应用Media Query，它没有任何改变。 这不会给我任何更改的输出。 救命。！

  /* Landscape */
  @media only screen 
   and (min-device-width: 320px) 
   and (max-device-width: 480px)
   and (-webkit-min-device-pixel-ratio: 2)
   and (orientation: landscape) {
     .someClass{
         display: none;
         }
   }

Answer 1

由于用法错误，因此没有提供输出。 您想将该属性与HTML选择器一起使用。

正确的语法：

 /* Landscape */ @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { body { display: none; } } 

Answer 2

   @media only screen 
   and (min-device-width: 320px) 
   and (max-device-width: 480px)
   and (-webkit-min-device-pixel-ratio: 2)
   and (orientation: landscape) {
     *{ display: none; }
   }

试试这个，你没有选择任何隐藏的东西