Html 媒体查询问题

我正在学习HTML和CSS。我创建了一个网站，我需要对一件事进行媒体查询，但它不起作用：

@媒体屏幕和（最大宽度：1100px）{
#boxmb{
位置：固定；
左：60%；
垫面：1%；
z指数：999；
}
}

---

它不起作用，因为

img

元素中的内联样式覆盖了为同一元素定义的所有内部/外部样式。内联样式的优先级最高，其次是内部样式和外部样式。因此，为了解决这个问题，只需将内联样式移到

@media

:

#boxmb{
位置：固定；
左：90%；
垫面：10%；
}
@媒体屏幕和屏幕（最大宽度：1100px）{
#boxmb{
位置：固定；
左：60%；
垫面：1%；
z指数：999；
}
}