css @media 屏幕宽度不起作用
css @media screen width doesn't work
我使用了类似于 here 建议的媒体查询来创建一个依赖于屏幕尺寸的页面。
有上下限的媒体查询@media only screen and (min-width: 601) and (max-width: 1249px)
不起作用。怎么了？
我已经创建了一个 fiddle 解决我的问题
您需要在 min-width 中添加计量单位：
@media only screen and (min-width: 601px) and (max-width: 1249px) {
这里是 fiddle（添加颜色后只是为了更容易测试查询）：http://jsfiddle.net/ffrv703e/7/
我使用了类似于 here 建议的媒体查询来创建一个依赖于屏幕尺寸的页面。
有上下限的媒体查询@media only screen and (min-width: 601) and (max-width: 1249px)
不起作用。怎么了？
我已经创建了一个 fiddle 解决我的问题
您需要在 min-width 中添加计量单位：
@media only screen and (min-width: 601px) and (max-width: 1249px) {
这里是 fiddle（添加颜色后只是为了更容易测试查询）：http://jsfiddle.net/ffrv703e/7/