responsive screen not working 时间：2017-08-22 作者：mas bro 我已经试着让它像这样响应：https://www.w3schools.com/css/tryit.asp?filename=tryresponsive_image2, 我希望它像图像一样收缩，无论它中的屏幕是什么，它都会在位置上匹配，想象一下我放入每个框中的图像，但似乎失败了。https://jsfiddle.net/hnrfhyag/20/ 1 个回复 最合适的回答,由SO网友:Sas3 整理而成 要获得与您提供的图像链接类似的响应能力，您需要设置width=100% and height=auto 对于图像。在JSFIDLE示例中，宽度部分做得很好（定义为可用空间的百分比）but 您正在固定外盒和内盒的高度。所以无论你做什么，高度都会保持不变。缩放时会产生扭曲的图像。因此，如果您想要响应缩放的图像，将两个（高度或宽度）中的一个定义为可用空间的百分比（您做得对）将另一个定义为自动-以便它可以正确缩放调整设计的其余部分以适应（以便其他元素不会从布局中消失） 结束 文章导航
