v3.0移动端显示样式问题

gz518518

我做了一个列表带图片的应用，不知道如何设置样式让他在不同分辨率的手机都能显示完全    现在我的手机显示的效果是这样的

jishuang

默认不要把宽高设置为固定值应该就可以的

gz518518

jishuang 发表于 2014-12-30 11:21
默认不要把宽高设置为固定值应该就可以的

现在我从后台上传的大分辨率的图片能不能在手机端压缩一下 这样显示的很难看

jishuang

把image所在的col的宽度设置一个固定值，然后把image的宽度也设置为这个固定的值
如下：
<div class="x-col x-col-fixed" xid="col5" style="width:80px;">
                          <img src="about:blank" alt="" xid="image1" bind-attr-src="$model.getImageUrl($object)"
                            style="width:80px;"/>
                        </div>  

gz518518

jishuang 发表于 2014-12-31 14:58
把image所在的col的宽度设置一个固定值，然后把image的宽度也设置为这个固定的值
如下：
  

但是这样设置了之后文字把脸盖住了呢
设计页面也有点不对其

jishuang

把.w发一下

gz518518

jishuang 发表于 2014-12-31 15:50
把.w发一下

已经传给你了   如果我想文字只显示两行剩下的...代替怎么弄啊？

jishuang

output所在的col的class上设置为x-col


在output上设置如下样式显示一行后就会剩下的就会显示...
overflow: hidden;white-space: nowrap;text-overflow: ellipsis;

gz518518

jishuang 发表于 2014-12-31 16:32
output所在的col的class上设置为x-col

都修改了还是这样呢？

jishuang

如下：