使用CSS在手机上隐藏背景元素

Question

我对编码非常陌生。

我想删除网站移动网站上的黑色边框（附带截图）。 我尝试了在网上找到的CSS代码，但是没有运气。

@media
(max-width: 768px) {
{
    #border: 0px;
}
}

http://www.viragocreative.com/ 见图片

谢谢！

Answer 1

您已经添加了media query ，这是正确的方法，但是您没有选择要设置样式的类，我已经检查了您的网站，在您的情况下，它将像这样：

@media (max-width: 768px) {
  .row.vc_custom_1494841069452 {
    border: 0 !important;
  }
}

我用!important是因为您在整个站点上都在使用它，但这不是一个好习惯，但是如果您想做自己想做的事情，只需在上面添加css

Answer 2

添加类名称或添加元素ID并在border属性之前删除＃。

@media (max-width: 768px) {
  .classname {
    border: 0;
  }
  /* or */
  #elementid {
    border: 0;
  }
}