小编Kev*_*vin的帖子

使用媒体查询时 CSS 无法在移动设备上运行

我正在尝试让媒体查询在移动设备上工作。我使用了正确的@媒体查询以及最小/最大宽度尺寸。它可以在我的计算机上运行,​​但不能在我的移动设备上运行。另请注意,我已在头部添加了正确的元标记。

<meta name="viewport" content="width=device-width,initial-scale=1">
Run Code Online (Sandbox Code Playgroud)
@media only screen and (max-width: 480px){
    #top-table{
        background-color: green;
    }
}
Run Code Online (Sandbox Code Playgroud)

我使用的是三星 GalaxyS5,但我希望它能在多个设备上运行。我正在使用 Chrome。当我更改浏览器的大小时,它工作正常,但在移动设备上没有任何变化。

html media mobile device

5
推荐指数
1
解决办法
2135
查看次数

标签 统计

device ×1

html ×1

media ×1

mobile ×1