Skip to content
New issue

Have a question about this project? # for a free GitHub account to open an issue and contact its maintainers and the community.

#

By clicking “#”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? # to your account

Jump to bottom

较小高度时的界面适配 #18

Open
itorr opened this issue Aug 25, 2022 · 7 comments
Open

较小高度时的界面适配 #18

itorr opened this issue Aug 25, 2022 · 7 comments
Labels
enhancement New feature or request

Comments

@itorr
Copy link
Owner

itorr commented Aug 25, 2022

人物大小主要使用场景还是在小尺寸下的缩小，高度或宽度小于某个矩形区域则进行等比缩小而不是像学姐一样裁剪头部：
sakana

Originally posted by @GPBeta in #10 (comment)
@itorr itorr added the enhancement New feature or request label Aug 25, 2022
itorr added a commit that referenced this issue Aug 25, 2022
@itorr
窗体小于 800px 高时的兼容样式 #18
a16ee2b
@itorr itorr mentioned this issue Aug 25, 2022
Open
@itorr itorr closed this as completed Aug 25, 2022
@GPBeta
Copy link

GPBeta commented Aug 26, 2022

目前解决方案不是等比缩小而是裁掉弹簧吗？

@itorr
Copy link
Owner Author

itorr commented Aug 26, 2022

目前解决方案不是等比缩小而是裁掉弹簧吗？

是，调整元素缩放还是需要加一个显性的选项，我再纠结一下

@itorr itorr reopened this Aug 26, 2022
itorr added a commit that referenced this issue Aug 26, 2022
@itorr
较小高度时的界面适配 #18
bc717b8
@itorr
Copy link
Owner Author

itorr commented Aug 26, 2022

换了个更细致的方案，不同小尺寸高度下整体做缩放

itorr added a commit that referenced this issue Aug 26, 2022
@itorr
较小高度时的界面适配 #18 细分
299fc38
@GPBeta
Copy link

GPBeta commented Aug 26, 2022

其实习惯了裁剪尺寸也挺好的 现在缩放弹簧位置有时候会不对

@itorr
Copy link
Owner Author

itorr commented Aug 26, 2022

可能是 css 文件没有跟着更新，我也还在纠结要不要把缩放方案放在请求参数里。确实有影响有些大

@GPBeta
Copy link

GPBeta commented Aug 27, 2022

我也觉得能够有参数控制就是最好的，对于小尺寸适配无论是缩放区域和弹簧长度都有不同的需求，很难满足所有使用场景。
即便是之前的裁剪底部方案实际使用下来也没有遇到什么不便。

@itorr
Copy link
Owner Author

itorr commented Aug 27, 2022 •
edited
Loading

我也觉得能够有参数控制就是最好的，对于小尺寸适配无论是缩放区域和弹簧长度都有不同的需求，很难满足所有使用场景。 即便是之前的裁剪底部方案实际使用下来也没有遇到什么不便。

做了下调整，新加了两个请求参数
scale 自定义元素缩放比例
translateY 自定义元素垂直位移
这次应该能覆盖大部分需要调整缩放和裁切的场景了

image

# for free to join this conversation on GitHub. Already have an account? # to comment
Assignees
No one assigned
Labels
enhancement New feature or request
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@itorr @GPBeta