media-query - 请教为何CSS3媒体查询语法不能生效？

Question

如上图片所示，我想在当可视窗口等于或小于960px的时候，把原先的宽度变成85%，但是却没有看到断点生效，请教下这是什么原因

Answer 1

css priority issue. You need to put the @media code at the back.

Answer 2

According to your information, the order of global style and media query style is reversed. Under given conditions, global style overrides media query style.

Answer 3

I think your screen width is not as small as you set, so the media query style will not be used