我想从我的移动版本中隐藏一些图像，而不是从响应式 html 网站的桌面版本中隐藏

【问题标题】：i wannt to hide some images from my mobile version not from desktop verion of responsive html website我想从我的移动版本中隐藏一些图像，而不是从响应式 html 网站的桌面版本中隐藏
【发布时间】：2017-03-08 12:32:17
【问题描述】：

I want to hide our product images from mobile version

这是我的CSS：

网址：http://www.razorwires.in

【问题讨论】：

请看这里：- @media only screen and (max-width:535px){ .image { display:none; } }
请访问帮助中心，了解如何提出好问题。寻求调试帮助的问题（“为什么这段代码不起作用？”）必须包括所需的行为、特定的问题或错误以及在问题本身中重现它所需的最短代码。也请read this

标签： java html css

【解决方案1】：

你可以对这个东西使用媒体查询

但在这里我建议使用modernizr 当有人使用触摸屏设备时，它会检测并将“触摸”类添加到您的 html 标签中，然后您可以像下面的代码一样隐藏您的图像

html.touch .hideimg{
  display: none;
}

这将隐藏在触摸设备上

<img src="" class="hideimg" />

这不会

<img src="" />

【讨论】：