Question

我正在处理此网站响应问题 http://technoalliance.ae/ 此处 http://www.responsinator.com/?url=http%3A%2F%2Ftechnoalliance.ae%2F

@media (max-width: 767px){
.span12 .row-dynamic-el:nth-of-type(2) .media_el .animation_right.start_animation:first-of-type{display:none;}}

但它隐藏了两个图像，一个带有伞，一个图像带有地图。我需要在响应中隐藏一个带伞的人。但它隐藏了上面给出的css中的两个图像。在css3中还有其他任何方法可以解决这个问题吗？请帮忙感谢

Answer 1

在wordpress中，我不完全相同，在css中你会为这些图像带两个标签

Answer 2

您必须使用一个DIV来显示两个图片...

HTML

<div class="row-fluid">
    <div class="span6 media media_el animate_onoffset start_animation" style="width:auto">
        <img src="http://technoalliance.ae/wp-content/uploads/2015/02/indiamap.png" alt="" class="type_image media_animation animation_left alignment_left start_animation">  
        <img src="http://technoalliance.ae/wp-content/uploads/2015/02/uaemap.png" alt="" class="type_image media_animation animation_right alignment_left start_animation">
    </div>
</div>

此外，在桌面视图中，请应用：

.row-fluid .span6{
    width : auto;
}

无需更改CSS＆amp;中的任何内容它不会隐藏任何MAP图像。

隐藏图像的响应性

2 个答案:

HTML