文強大佬進，有問題請教

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

確實不錯。挺好的。

yxmsvip

文強 發表于 2024-2-15 09:55
我剛剛又試了，的確會對其他圖片造成影響，所有樓上的修改不能用，用這個

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

網站名稱：宇宙人人
地址：https://www.yzrr.com
介紹：全面多元化的綜合上網導航。

再別的帖子聯系了你，找不到了哈，貴站已鏈接到“文強閣”

文強

yxmsvip 發表于 2024-9-18 09:31
網站名稱：宇宙人人
地址：https://www.yzrr.com
介紹：全面多元化的綜合上網導航。

我看還是算了吧！因為我這里很難進入你的網站，進度條一直卡著不動，一直在轉圓圈。。。