请稍等 ...
×

采纳答案成功!

向帮助你的同学说点啥吧!感谢那些助人为乐的人

movie-grid-template布局的more-movie在真机上运行异常

 在开发工具上等多电影页面显示没有问题如下:

https://img1.sycdn.imooc.com/szimg//59bb59f700015d4603770626.jpg

在真机上运行就出现这样的情况,截图如下

https://img1.sycdn.imooc.com/szimg//59bb5ab30001ae5610801920.jpg

仔细观察会发现评分为零的新电影的电影名称和星级评分和有评分的间距略有不同。

不知道怎么解决

正在回答

2回答

这个我之前试过了,部分Android机器上不太兼容,改成Flex布局就可以了。

0 回复 有任何疑惑可以回复我~
提问者 你是我一首唱不完的歌 2017-09-15 14:04:39

老师,我吧movie-template movie-containner容器加了固定高度:

.

movie-container{
  display: flex;
  flex-direction: column;
  padding: 0 22rpx;
  height: 360rpx;
}

解决了问题可是发现电影图片大小有差异(如第一排的第二个图片小一点)截图如下:https://img1.sycdn.imooc.com/szimg//59bb6d4c0001b0a710801920.jpg

0 回复 有任何疑惑可以回复我~
问题已解决,确定采纳
还有疑问,暂不采纳
意见反馈 帮助中心 APP下载
官方微信