媒体查询CSS在Safari中工作，但在Chrome中失败

Question

@media only screen and(max-width: 1132px) {
#yc-contact{
    margin-left: 50px;
           }
}

 @media screen and(max-width: 1132px) {
#yc-contact{
    margin-left: 50px;
           }
}

上面的代码在Safari中有效，但在Chrome中无法正常工作。 都尝试了。

Answer 1

似乎是语法错误。 尝试在“和”之后放置一个空格

@media only screen and (max-width: 1132px) {
#yc-contact{
    margin-left: 50px;
}

}

Answer 2

请输入以下代码：

/ * -----------非视网膜屏幕----------- * /

  @media screen 
   and (max-device-width: 1132px) 
   and (-webkit-max-device-pixel-ratio: 1) 
   { 
     #yc-contact{margin-left: 50px;}    
   }

/ * -----------视网膜屏幕----------- * /

  @media screen 
  and (max-device-width: 1132px) 
  and (-webkit-max-device-pixel-ratio: 2)
  and (max-resolution: 192dpi) 
  {
   #yc-contact{margin-left: 50px;}
   }