如何使图像头移动

Question

我有我的文本块和图像页面上的标题不显示在其旁边一个单独的“列”按下面的图片：

如何当我在移动设备上时，我可以隐藏标题的图像（黑色部分）吗？我的CSS会是什么样子？

Answer 1

您可以使用媒体查询类似如下：

@media screen and (max-device-width: 480px) { 
    .black_part { 
     display:none; 
    } 
} 

我假设这里最大宽度为480像素的移动设备。

Answer 2

试试这个： -

/* iPhone (Portrait) ----------- */ 
@media only screen and (min-width: 320px) and (max-width: 479px){ 
.the_black_part{ display:none;} 
} 

/* iPhone (Landscape) ----------- */ 
@media screen and (min-width: 480px) and (max-width: 767px){ 
.the_black_part{ display:none;}  
} 

/* iPad (Potrait) ----------- */ 
@media only screen and (min-width: 768px) and (max-width: 959px){ 
.the_black_part{ display:none;}  
}