Question

在移动设备上，气球视频“健康快乐的人创造成功”上的文字应较小。我也在尝试更改下面的文本。我已经尝试了一切！

仅使用屏幕，最大设备宽度等进行尝试。似乎没有任何更改。

这是我的代码：

var list = [{val:10}, {val:15}, {val:7}, {val:21}]
list_sorted = list.slice().sort((a,b) => b.val- a.val).map(a => a.val);
list = list.map(function(item, i){
  return {val : item.val, pos : i + 1, rank : list_sorted.indexOf(item.val) + 1};
});
console.log(list);

任何人都可以帮忙吗？

Answer 1

使用：更改查询。

@media屏幕和（最大宽度：480px）{}

Answer 2

在桌面上调整浏览器窗口的大小时，页面似乎正在按预期工作，如果希望文本尽快更改大小，则可以更改最大宽度值。另外，请记住，大多数现代智能手机均具有相当高分辨率的显示屏，因此在屏幕宽度为1080px的移动设备上，您的代码将无法正常工作，因此您还需要定义媒体类型（可能是错误的名称）

尝试一下：

@media only screen and (max-width: 480px) {
    h3.uppertext {
        color: #ff0000 !important;
        font-size: 18px !important;
        text-align:center;
    }

    .textwidget h4 {

        font-size:18px !important;
        line-height:24px !important;
    }
}

我的CSS媒体查询在移动设备上不起作用

2 个答案: