由于手机开发需要面对各种不同分辨率的屏幕,所以,往往需要让图片能够自动调整高度或者宽度。
如果你的图片的横向宽度是根据父对象自动匹配的,那么往往希望图片的高度能自动成比例的缩放,否则图片会变形。可以按照如下设置CSS:
.img{width : 100%;height : auto}
如果你的图片的高度是根据父对象自动匹配的,那么希望图片的宽度能自动成比例的缩放,可以按如下设置CSS:
.img{width : auto;height : 100%}
由于手机开发需要面对各种不同分辨率的屏幕,所以,往往需要让图片能够自动调整高度或者宽度。
如果你的图片的横向宽度是根据父对象自动匹配的,那么往往希望图片的高度能自动成比例的缩放,否则图片会变形。可以按照如下设置CSS:
.img{width : 100%;height : auto}
如果你的图片的高度是根据父对象自动匹配的,那么希望图片的宽度能自动成比例的缩放,可以按如下设置CSS:
.img{width : auto;height : 100%}