Question

我想在屏幕分辨率为＆gt;时才导入图片。 700像素

 HTML:

 <picture>       
    <img id="logo_mobile">
    <!-- I try too -->

    <source srcset="logomobile.jpg" media="(min-width: 700px)"
 </picture>

 CSS:

 #logo_mobile {
         background-image: url('logomobile.jpg');
  }

两者都不起作用。

Answer 1

如果我理解你的问题，你只想在屏幕分辨率大于700px时显示一个元素（img，无论如何），例如

我建议您使用：

HTML：

<img src="logo_mobile.gif" class="big_v_only"/>

CSS：

@media only screen and (max-device-width: 699px) {
   .big_v_only {
      display:none;
   }
}

当设备宽度<1时，这将隐藏.big_v_only类元素。 700

如何在分辨率低于700px时导入图像？

1 个答案: