html - 样式没有改变(媒体查询需要帮助!)

Question

我一直在尝试将图像制作到屏幕中央并最小化移动显示的尺寸!在我的 css 文件中我有媒体查询

@media only screen and (min-width: 768px) { 
.wolver { display:block; width:100px; margin:40px auto !important;}
}

图片的HTML代码是

<img src="img/icons/wolverhampton.png" class="wolver"/>

注意:我使用的是基础框架

谁能帮我解决这个问题？

Answer 1

min-width 将在 宽 超过 768 像素的屏幕上应用包含的样式。要在小于 768 像素的屏幕上应用 css，您应该使用 max-width。