Discuz! Board

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 35|回复: 0

[使用疑问] 这时可以把浏览器的尺

[复制链接]

10

主题

10

帖子

32

积分

新手上路

Rank: 1

积分
32
发表于 2024-2-14 13:31:38 | 显示全部楼层 |阅读模式
各个屏幕的尺寸比例都有所不同为了保持统一观感不能出现滚动条不能有边缘留白不能压缩变形。同时在一些重要场合的巨型宽屏上还要对细节做特定的适配。通过的函数和功能可以较好地完成非等比缩放和个性化适配的需求。非等比缩放在长宽都需要考虑的缩放场景中使用基于视口百分比的单位很合适设计稿尺寸为可以通过转换函数自动计算出对应的值。其中为了保证字体大小在不同尺寸的屏幕上更符合预期会用设计稿里的高为基础单位做的指导参数。

个性化适配在超宽的大屏尺寸下按照比例自动缩放在某些元素上视觉效果并不是特别完美上面的可以很方便地在中对特定尺寸的屏幕做个性化适配。像素级还原针对不同尺寸的设计稿校准时有些元素会带有阴影效果或者是不规则图形但是设计师只能按照矩形切图导致自 阿根廷电话数据 动标注的数据不准确。寸设置成与设计稿一致再蒙上一层半透明的设计稿图片逐个元素做对齐就可以快速对不同尺寸屏幕的设计稿做像素级还原。这套大屏适配技术方案支撑了美团大脑历次的版本迭代。此前在参展亚洲美食节时由于会场搭建



情况比较复杂屏幕分辨率经历了多次变更只花费了人日就做到了各种不同分辨率的定制开发和适配工作。美团大脑多屏适配现场效果美团大脑多屏适配现场动画脚本自动化与静态可视化界面相比动态可视化或者交互式可视化有更好的视觉效果并且能传递给观看者更多的信息。静态效果对比动态效果此外美团大脑在展出过程中部分时间是无人值守的而有了动态可视化后还需要自动播放循环动画因此就有了动画脚本自动化的需求在无人操作时按照配置好的动画脚本循环执行。用户与应用交互时能够自动将动画停止。



回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|DiscuzX

GMT+8, 2025-6-8 20:57 , Processed in 0.083248 second(s), 18 queries .

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表