您必须使用@Media屏幕：

屏幕用于电脑屏幕、平板电脑、智能手机等。

将其与pixel-ratio结合使用以满足您的需求。Check more examples here
例如（对于Samsung Galaxy S3）：

/* ----------- Galaxy S3 ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 2) 
{
    // insert here your custom styles
    #left-sidebar .logo .nav  {
       display:none;
    }
}

字符串

<style>
.youClassname{display:inline;}
@media screen and (min-width: 320px) {
      .yourClassname{
            display:none !important;
   }
 }

@media screen and (max-width: 768px) {
      .yourClassname  {
            display:none !important;
   }
 }

</style>

字符串

我在JSFiddle上运行你的HTML和CSS。我把你的CSS改成：

img {
            display:none;
        }

字符串
得到this
不确定这是否是你要找的

这似乎对我有用，这很奇怪

@media (max-width: 768px) {
      #left-sidebar .logo .nav  {
            display:none;
   }
 }

字符串

使用display:none试试这个

@media (max-width: 600px) {
    #left-sidebar .logo .nav  {
        display:hidden !important;
    }
}

字符串
这段代码将工作如果不是仍然不工作请检查设备宽度和继续

<style>
.youClassname{display:inline;}
@media screen and (max-width: 320px) {
      .yourClassname{
            display:none !important;
   }
 }

@media screen and (min-width: 768px) {
      .yourClassname  {
            display:none !important;
   }
 }

</style>

字符串