html - 媒体查询似乎不起作用
问题描述
我正在尝试向我的页面添加媒体查询,但它似乎不起作用
我还是新手,还没有完全掌握媒体查询的工作原理
这是媒体查询的代码:
@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
解决方案
尝试这样写:“@media only screen and”而不是“@media screen”
推荐阅读
- r - 发送“未分类”变量作为函数参数?
- html - 如何在所有生成的 html 文件中自动添加 css 导入?
- c# - 如何关闭客户端连接并返回 NETMQ 中的调用?
- javascript - “无法读取 null 的属性‘innerHTML’”错误
- java - 从 Angular 项目到 jhipster 的 jwt 连接
- azure-api-management - 如何在发布者/开发者门户上显示报告
- ios - 为什么 SwiftUI 上下文菜单在预览中显示所有行视图?
- javascript - 在 Microsoft Edge 中使用画布上下文调整图像的亮度
- python - 请有人就代码格式提出建议
- telegram - 电报机器人。如何在用户文本输入中设置命令 /cmd?