【猜对有奖】让我猜猜你用的电脑还是手机/平板

18 条回复
128 次浏览

image
如果是 PC,上面的字是绿色,如果是移动端设备,上面的字是红色。

绿色点开会变红色。

第一个说清楚原理的有奖(禁止直接套用 ai 回答)

讲故事的人
OP
Guardian

nonono,如果是根据携带的信息判断,那么后端需要动态处理图片,我这个是静态资源,响应式变化。

种子用户
Admin
复制
  <style>
    /* 默认:PC */
    .logo {
      fill: green;
      font-size: 48px;
      font-family: Arial, Helvetica, sans-serif;
      font-weight: bold;
    }

    /* 移动端 */
    @media (hover: none), (pointer: coarse) {
      .logo {
        fill: red;
      }
    }
  </style>
种子用户
Admin

我在看要不要禁用 svg 得了,能做一些普通图片不能做的事情。这个有些安全问题sobbing

讲故事的人
OP
Guardian

@Jimmy 没有问题,看你怎么引用的,img 引用 svg,就会当成图片,不会执行里面的 js,里面写的 css 也不会作用到父级。

前排打手

PC 显示红色, 手机也显示红色。
盲猜和显示屏幕显色原理有关系, 高清屏显示红色?

讲故事的人
OP
Guardian

一楼有答案了,实际上现在显示不对是因为 img 引用图片导致某些判断失效。

讲故事的人
OP
Guardian

可以看一楼的,或者复制图片地址,查看源代码。

前排打手

我这看是正常的,PC 是绿色(但新标签页打开图片也不会变红),手机上是红色。

发表一个评论

R保持