文强大佬进，有问题请教

cockli

昨天通过大佬指点，在电脑网页端已经可以让表情和文字适配了，今天早晨起来发现移动手机端好像表情还是放大的，没有适配

求教大佬这个能解决吗？应该还是调整移动端CSS样式限制表情大小吗？

求大佬支招解决疑惑，谢谢！

1 贡献

最佳答案

我刚刚又试了，的确会对其他图片造成影响，所有楼上的修改不能用，用这个

你打开 static\image\mobile\style.css，找适合的网位置添加：

1. /* 表情渲染 */
   
2. .message img[src*="smiley"] { max-width:26px !important;}

复制代码

• 文強
• 发表于2024-2-15 09:55:48
• 详细答案 >

cockli

能不能把移动端的表情也调整成和网页端一样 适配文字大小啊

cockli

/* 在移动设备上调整表情大小 */
@media only screen and (max-width: 768px) {
    /* 修改移动端表情大小 */
    img[src*="smiley"] {
        max-width: 20px !important; /* 移动端大小 */
        max-height: 20px !important;
    }
}

@文强   大佬看看上面修改的代码对吗？

文強

你打开 static\image\mobile\style.css，查找：

1. .plc .pi .message img, .plc .pi .img_one img {margin:6px 0;max-width:100%;border-radius:4px}

复制代码

把 100% 改成 26px，然后更新缓存，至于会不会影响到其他图片你自己测试。

文強

我刚刚又试了，的确会对其他图片造成影响，所有楼上的修改不能用，用这个

你打开 static\image\mobile\style.css，找适合的网位置添加：

1. /* 表情渲染 */
   
2. .message img[src*="smiley"] { max-width:26px !important;}

复制代码

cockli

文強 发表于 2024-2-15 09:55
我刚刚又试了，的确会对其他图片造成影响，所有楼上的修改不能用，用这个

你打开 static\image\mobile\sty ...

/* 在移动设备上调整表情大小 */
@media only screen and (max-width: 768px) {
    /* 修改移动端表情大小 */
    img[src*="smiley"] {
        max-width: 26px !important; /* 移动端大小 */
        max-height: 26px !important;
        vertical-align: middle; /* 将表情垂直对齐方式设置为 middle */
    }
}

大佬，我这么改可以不？

cockli

文強 发表于 2024-2-15 09:40
你打开 static\image\mobile\style.css，查找：

感谢大佬，及时雨！太感谢了，这论坛有你在太给力了！

taizimxg

确实不错。挺好的。