html - 媒体查询似乎不起作用

Question

我正在尝试向我的页面添加媒体查询，但它似乎不起作用

我还是新手，还没有完全掌握媒体查询的工作原理

这是媒体查询的代码:

@media screen (max-width:320px){h1{font-size:0.75em;}h1{font- 
size:0.8em;}p{font-size:0.8em;}figcaption{font-size:0.8em;}.img-style{max- 
width:45px;max-height:45px;}#profile-link{max-width:55px;max- 
height:55px;}#navbar{text-align:center;}}

这是代码笔:https://codepen.io/don0ts/pen/JByjqO

Answer 1

尝试这样写:“@media only screen and”而不是“@media screen”