上传所有移动设备时如何调整图像大小?

Posted

技术标签:

【中文标题】上传所有移动设备时如何调整图像大小?【英文标题】:How to resize image when upload for all mobile devices? 【发布时间】:2019-06-08 05:43:36 【问题描述】:

我只是构建了一个示例反应原生项目,当我上传到服务器的原始图像不适合其他移动屏幕(iosandroid)上的所有屏幕时,我遇到了问题

我需要根据每个设备的分辨率调整图像大小吗?

请帮我解决这个问题

Androi Guides - Support different screen sizes

Apple image size

【问题讨论】:

romannurik.github.io/AndroidAssetStudio/… 它将帮助您为不同密度的设备生成9个补丁图像 【参考方案1】:

尝试像这样设置 resizeMode 拉伸

<Image soure=image style=width:200, height:200, resizeMode:'stretch' />

【讨论】:

我认为这不是最佳解决方案,因为原始图像在大分辨率下无法清晰显示 使用覆盖而不是拉伸

以上是关于上传所有移动设备时如何调整图像大小?的主要内容,如果未能解决你的问题,请参考以下文章

调整图像大小以在移动或小型设备上查看

使用移动设备的悬停选择器调整链接/ div 的大小

移动到网站中心(如果可能,在移动设备上自动调整大小)

如何在移动设备上调整灵活文本区域的大小?

仅为移动设备加载图像

如何防止移动设备调整大小并使用正确的 css 文件