按照前期思路修改了discuzcode.htm 和 mobile/style.css 里面的图片大小后发现根本没有妥善解决这个问题,用户仍抱怨论坛的图片发虚,图大是大了。
前期折腾链接://blog.lsza.net/archives/429.html
仔细看了看搬家的时候并没有把模板目录恢复啊,出这毛病不应该啊。
然后F12检查了下代码发现是触屏模板的锅….
当初扒皮的时候将目标网站的css一起扒了下来,并没有仔细观察css内容,去template/ruihu_mobile/touch/style/baibiansj.css
查找
1 | .plc .pi .message |
结果发现模板在css里面重新赋值了css属性
1 | .n5-bbsnr .plc .pi .message img, .plc .pi .img_one img {margin: 0;max-width: none;max-height: none;} |
将其修改成:
1 | .n5-bbsnr .plc .pi .message img,.plc .pi .img_one img {max-width:98%; display:block;vertical-align: middle;margin-bottom:4px;} |
即可解决触屏版图片发虚和宽度爆屏的问题了。