Css 屏幕分辨率低于600后隐藏图像

Css 屏幕分辨率低于600后隐藏图像,css,image,hide,screen-resolution,Css,Image,Hide,Screen Resolution,这是我的网站: 那里有一个婚礼汽车的图像。我想在屏幕大小低于600px时隐藏它。为什么?尝试将浏览器的宽度减小到足够的程度(或者在手机上查看),您将看到文本在汽车下方移动,没有左边距,汽车和文本之间也没有边距 我想让汽车消失 有什么想法吗 谢谢 将其放入您的style.css中 @media screen and (max-width: 600px) { .post .sc_image img { display: none; } } 正如你所见,这是wordpress的主题。我建议

这是我的网站: 那里有一个婚礼汽车的图像。我想在屏幕大小低于600px时隐藏它。为什么?尝试将浏览器的宽度减小到足够的程度(或者在手机上查看),您将看到文本在汽车下方移动,没有左边距,汽车和文本之间也没有边距

我想让汽车消失

有什么想法吗


谢谢

将其放入您的style.css中

@media screen and (max-width: 600px) { 

.post .sc_image img { display: none; }  

}

正如你所见,这是wordpress的主题。我建议你调查一下。它们允许你根据屏幕大小有条件地应用CSS定义。可能重复谢谢!!!我是新手,所以CSS高级问题仍然很难理解。它必须是最大宽度而不是最小宽度,刚刚注意到,抱歉…编辑谢谢!!我添加了以下内容:`@media screen and(max width:500px){.post.sc_image img{display:none;}}`新问题出现:1。文本没有左边距。2.我不想消失,走开。例如,汽车上方的视差消失。请尝试在最后一个}之前添加此视差。这是中心文本。。。element.style{margin:auto;text align:center;}我得睡觉了。我明天去看。晚安如果你看到我的网站,它的工作。然而,该声明也隐藏了我不想隐藏的图像,比如汽车上方的视差。我不想那样。我怎样才能使陈述更具选择性?