Discuz手机触屏版的图片尺寸显示修改

可能是出于节省流量的考虑，DZ手机触屏版把图片搞得非常小。首先在上传的时候，生成一张手机版缩略图，这个图的尺寸很小，就算在模板上放大尺寸，也会变模糊。然后在手机模板上，图片的高和宽设置得非常小，140像素这样，也就是电脑版游客看小图的那么小一丁点。格东站长网

这些都是可以调整的，因为服务器上有原图。调整方法：格东站长网
1、后台设置，后台－－全局－－上传设置－－基本设置，是否生成手机版缩略图，否格东站长网
以下内容需要积分高于 3 才可浏览
格东站长网
2、触屏版图片尺寸设置，打开\template\default\touch\forum\discuzcode.htm文件，找

$fix = count($post[imagelist]) == 1 ? 140 : 83;
复制代码
改为
$fix = count($post[imagelist]) == 1 ? 650 : 800;
复制代码
也就是把140的小图改为宽650高800这样，差不多是最大屏幕的手机的实际尺寸。这里建议电脑版的图片上传时就设置最大宽度不超过700,不然加载速度会很慢。格东站长网
然后再找格东站长网
$mobilethumburl = $attach['attachimg'] && $_G['setting']['showimages'] && (!$attach['price'] || $attach['payed']) && ($_G['group']['allowgetimage'] || $_G['uid'] == $attach['uid']) ? getforumimg($attach['aid'], 0, 140, 140, 'fixnone') : '' ;

复制代码
改为格东站长网
$mobilethumburl = $attach['attachimg'] && $_G['setting']['showimages'] && (!$attach['price'] || $attach['payed']) && ($_G['group']['allowgetimage'] || $_G['uid'] == $attach['uid']) ? getforumimg($attach['aid'], 0, 650, 800, 'fixnone') : '' ;
复制代码
3、CSS设置，打开\static\image\mobile\style.css，找

.plc .pi .message img,.plc .pi .img_one img { margin:0px 4px 0px 0; max-width:140px; max-height:140px; }
复制代码
改为

.plc .pi .message img,.plc .pi .img_one img {max-width:98%; display:block;vertical-align: middle;margin-bottom:4px;}
复制代码
看到没有，CSS也限制了高和宽，改为按屏幕尺寸的百分比来显示。为了不撑破，别搞100%了，98%就足够了。

更新模板缓存，触屏版的图片就正常了。

Discuz手机触屏版的图片尺寸显示修改相关推荐

手机触屏版页面开发总结
经过一年的触屏版开发,每一个项目开始前总要做大量的准备,力求做到完美,但做下一个项目的时候总会发现上一个项目有着太多的不足.这应该就是成长吧!虽然不是什么大牛但也觉得有必要把一些技巧和经验记录下来,以 ...
手机触屏失灵，但是能显示，去修又不划算，但是内部资料拿不出来怎么办？
首先这个问题,很简单. 很容易解决第一步百度搜索'***手机是否支持otg功能' 在网上确定能支持otg功能后打开随便一个购物网站,搜素"otg线" 下单一个就好了我买了绿联 ...
mobile.php discuz,电脑访问discuz手机版【触屏版跳转标准版的修改方法】
推荐方法: 以前我们介绍过如何通过修改Chrome浏览器运行参数的方法来模拟手机访问网站,但是在Chrome 32和33版本以后增加了更加便捷的方法,在开发者工具中只需要设置一下就能方便的模拟各种手机 ...
forum.php手机怎么打开,解决无法使用电脑访问调试discuz手机版或触屏版问题
一.discuz电脑无法访问标准手机版的方法: 现在需要修改2个文件,即可用电脑浏览discuz的手机版本: 1.文件./source/function/function_core.php 查找 :f ...
discuz手机客户端java_完美解决电脑访问discuz手机版【支持触屏版】
前两天一直尝试着用pc(电脑)访问discuz手机触屏版进行调试,网络上相应的教程基本找不到,解决标准手机版的方法倒是可以在discuz官网找到,今天有点时间就整理一下,分享出来,希望可以帮助到大家! ...
电脑访问discuz手机版【触屏版跳转标准版的修改方法】
推荐方法: 以前我们介绍过如何通过修改Chrome浏览器运行参数的方法来模拟手机访问网站,但是在Chrome 32和33版本以后增加了更加便捷的方法,在开发者工具中只需要设置一下就能方便的模拟各种手机 ...
WAP、触屏版网站及APP的区别
在手机上的应用通常分为"手机WAP版网站"."手机触屏版网站"."手机APP应用软件",其三者间有何区别呢?以下是各种版本网站及应用的示意图 ...
手机触屏滑动图片切换插件swiper.js
今天给大家分享一款手机触屏滑动图片切换插件swiper.js是一款swiper手机触屏滑动图片幻灯片,适合各种尺寸.效果图如下: 在线预览源码下载实现的代码. html代码: <div ...
微博html5版什么手机,搜狐微博推出全新手机HTML5触屏版
近日,搜狐微博全力推出手机微博触屏版(w.sohu.com/m),该版采用最新HTML5技术,全新的视觉设计,让你在网页上享受超越客户端的用户体验. HTML5是一种技术标准,被业界视为未来移动应用的 ...

Discuz手机触屏版的图片尺寸显示修改

Discuz手机触屏版的图片尺寸显示修改相关推荐

最新文章

热门文章