两种手机，视图比例，问题

xiaoqi827 · 发表于 2018-11-6 18:04:45

白色的苹果6plus 和黑色的oppo 21 基本是一样的屏幕大小
一个是苹果系统，一个是安卓系列

主要是产品变型，截图上是scaleToFill
我现在改成了，widthFix，有改善。但是图片，还是有些变型

上传的图片大小是800x670
有没有更好的办法，让图片在多种手机上，尽可能的不变形，

xiaoqi827 · 发表于 2018-11-7 12:12:09

代生宇 · 发表于 2018-11-7 13:52:18

屏幕的显示不只与屏幕大小有关和屏幕的分辨率也有关系的，目前牛刀提供的px样式是达不到自适应的效果的；就布局推荐使用行列布局，自适应可以采用百分百样式，图片宽度也可以采用百分百，图片模式用，widthFix，不给高度，这样图片可以按原比例展示。百分百是相对其父级元素计算的。

xiaoqi827 · 发表于 2018-11-7 14:11:49

代生宇发表于 2018-11-7 13:52
屏幕的显示不只与屏幕大小有关和屏幕的分辨率也有关系的，目前牛刀提供的px样式是达不到自适应的效果的；就 ...

这个是设了宽高都是百分百 100%

如果高不设的话就是这样

有一半显示不出来

代生宇 · 发表于 2018-11-7 14:26:54

给固定px的高度是什么样子

xiaoqi827 · 发表于 2018-11-7 14:41:49

固定高度，我设过350pix 和 330 这样在5.5寸手机上，可以了，但是在6寸手机上会拉高变形。。。在5寸以下的手机，会在页面下边出现一块空白

xiaoqi827 · 发表于 2018-11-7 15:25:50

xiaoqi827 发表于 2018-11-7 14:41
固定高度，我设过350pix 和 330 这样在5.5寸手机上，可以了，但是在6寸手机上会拉高变形。。。在5寸以下 ...

xiaoqi827 · 发表于 2018-11-8 09:29:48

已经按老师的指导，设了按第2项，按长边，宽度100% 高度230 px
虽然轮播图变小了一些，但是不会在不同手同里变形的问题，
问题已经解决

可结贴，谢谢老师，指导

牛刀服务-LY · 发表于 2018-11-8 10:16:53

麻烦最好说一下具体的办法是什么方便大家查看谢谢

xiaoqi827 · 发表于 2018-11-8 16:46:58

本帖最后由 xiaoqi827 于 2018-11-8 16:56 编辑

最终的解决办法是在，幻灯片组件，先Fit,这一项，再设上了宽度100%。高度230pix，其它几项，我都测试了一遍，如果设了高度，在不同大小的手机里，都会有影响同，因为图片一固定，手机大小是不统一的，FIL 和Fix都会有都会使图片显示不全，

		自动登录	找回密码
密码			注册

[已结贴] 两种手机，视图比例，问题