用仅媒体标签替换图像？

Question

当我将页面宽度减少到1500时，代码可以正常运行并且约会被删除。但是代码忽略了原来关于小显示无。当我加载页面时，显示关于小图像。

https://gyazo.com/813b8470136d3b68c4bece744a5dec9e

.aboutsmall{
   display: none;
}

@media only screen and (max-width: 1500px){
   .about{
    display: none;
   }

   .aboutsmall{
    display: all;
   }

Answer 1

我觉得你错了什么......

.aboutsmall{
   display: none;
}

@media only screen and (max-width: 1500px){
   .about{
    display: none;
   }

   .aboutsmall{
    display: block;
   }
}