在移动设备上隐藏某些图像

Question

我正在尝试在我的网站中隐藏所有移动设备的图片。这是一个基于HTML的网站。 http://www.onefourbase.com/

我尝试过几种方法，但没有任何帮助。你能帮助我把它付诸实践吗？

<div class="choseImg">
<img src="images/chose.png" alt="">
</div>

Answer 1

最佳方法是将媒体查询应用于您想要隐藏在移动设备上的图像。一种方法是

ValueError: arrays must all be same length

代替'your-value-here'键入要为媒体查询设置断点的屏幕宽度（以像素为单位）。此外，我建议使用类或ID而不是'img'tach来选择图像。

Answer 2

您需要使用媒体查询，根据设备的某些特性应用媒体查询中的代码：

@media mediatype and (expressions) {
CSS-Code;
}

在媒体类型中，您可以添加屏幕以确定屏幕大小 在表达式中，您精确定义了最小宽度：适用于此：

在CSS代码中，只有当屏幕小于此处显示的像素数时，才会填写适用的代码：无图像。

Answer 3

您可以使用媒体查询执行此操作。

首先，将类/ id添加到包含图像的div或图像本身。

@media only screen and (max-width:767px){
.choseImg img{
display:none;
  }
}

Answer 4

您是否尝试过媒体查询并隐藏图片？请提一下你试过的。 您可以尝试以下：

@media 
  only screen and (max-width: 767px)  {
    .choseImg{
       display:none;
     }
}