html - 媒体查询不适用于手机

标签 html css media responsive

我对媒体查询有疑问(第一次使用)。 http://swiatek.org.pl/-2/ 当我更改浏览器窗口时它们正在工作,但是当我查看 chrome 媒体查询上的检查切换设备工具栏时它们不起作用:(。 CSS:http://swiatek.org.pl/-2/main.css

最佳答案

替换

@media screen and (max-width: 1000px)

@media only screen and (max-width: 1000px) 

并替换

@media screen and (max-width: 880px) 

@media only screen and (max-width: 880px) 

关于html - 媒体查询不适用于手机,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51639948/

相关文章:

html - 如何获得两个宽度相加为 100% 的 DIV?

javascript - 滚动过去的 ID 添加类到导航菜单以更改当前类

linux - 如何流媒体在 Songbird 中播放?

java - android - 如何从 onPreviewFrame 创建视频?

javascript - ExtJs 中的动态窗口大小

html - CSS :not() selector - Hide everything from body except one div

jquery - 使用 jQuery 增加/减少许多类似文本输入之一的值

css - css中的多个类引用有什么作用?

php - 提交按钮不提交

jquery - Materializecss slider 第一项不显示