屏幕旋转时图片拉伸变形的解决方案？

Question

比如一个页面用于显示新闻详情，包括新闻标题、图片和内容。为了能让页面能够在不同屏幕尺寸和方向下都正常展示，所以才响应式动态布局。主要就是是图片的缩放问题，如果在大屏幕上图片能够占多空间，所以设置了图片的宽度为屏幕宽度的80%，根据图片的宽高比自动调整高度。当用大屏幕上旋转，图片的高度没有调整，图片被拉伸变形。这个问题在小屏幕上不明显。这个要怎么改进呢？

Answer 1

楼主你好，在鸿蒙OS中响应式动态布局确实可以帮助页面在不同屏幕尺寸和方向下正常展示，针对你提到的图片缩放问题，可以尝试使用aspectRatio属性，在设置图片的宽度为屏幕宽度的80%时，同时设置图片的aspectRatio属性为适当的值。或者使用flex布局，将图片放置在一个容器内，并使用flex布局来控制容器的宽度和高度。