img{
max-height: 100%;
}以上代码可以用于使图片在手机设备上适应高度。首先，大家需要利用CSS中的max-height属性来限制图片的最大高度。这里设定为100%表示图片高度不会超过其所在容器的高度。
接下来，大家需要为容器设定高度。有些容器是可以自适应的，比如说包裹在图片周围的div容器。但是，在某些情况下，大家也需要为容器设定一个明确的高度。例如，在滚动页面时，大家需要确保滚动容器的高度足够长，否则图片就会被压缩变形。
在设计响应式页面时，大家需要测试不同设备的效果，确保图片在所有屏幕尺寸上都可以完美适应。同时，大家也需要注意：过度缩放图片可能会使其变得模糊、失真，所以大家需要根据具体情况来设定最佳的高度。