JavaScript
边距 标签描述

一、多设备卡片适配原则 为不同尺寸的卡片提供不同的功能 在卡片开发过程中请考虑适配不同尺寸的设备,特别是在折叠屏和平板设备上,设备屏幕尺寸的变化直接影响了卡片内容的展示。请发挥想象力设计具有自适应能力的卡片,避免在卡片内容不做任何处理的情况下直接适配成较大尺寸,原则上卡片尺寸越大呈现的信息要越丰富,可交互的范围也越大。 使用百分比方式配合标注 由于设备尺寸的不确定性会导致卡片的尺寸发生变化,设计师在交付卡片布局的过程中,可以使用百分比进行标注。例如标准尺寸的卡片宽度为150vp,按钮距离卡片边缘间距为24vp时,当卡片宽度扩展时仍然使用相同的间距可能效果并不美观,我们可以换算出卡片的间距在标准...