react-native 的 resizeMode , 也类似css 的 object-fit
resizeMode
object-fit
cover
溢出看不到
stretch
拉伸变形
contain
上下留白
那么如何优雅的解决这个问题呢?
最优雅的通用做法,莫过于从设计上就解决问题:把广告图分为内容和背景(或底纹),内容始终处于屏幕上最显眼的位置,背景或底纹则填充整个屏幕。略次一点的通用做法是不考虑太长的屏幕和横屏,然后图的主体内容略小一点处于中间位置,填充模式选择“cover”。
----------------- 如果是 html 的话有 picture 标签可用,或者使用 css媒体查询换背景也可以。
html
picture
css
2.1m questions
2.1m answers
60 comments
57.0k users