我有一张高度为 480 像素的图片。在我的 Macbook 上它看起来不错，但是当我转到我的 30 英寸显示器时，显然底部有一个巨大的空间。
我该怎么做才能确保 480px 始终与用户屏幕的大小相关？
我做了一些搜索，似乎使用 background-image: cover 或 background position 我可以做一些事情，但很可能这不是我想要的。我能做些什么来解决这个问题？
最佳答案
实现此目的的一种方法是将图像放在可以随页面缩放的容器中。
高度是一个很难缩放的属性，但只要所有父元素也具有指定的高度，您就可以实现它。 您可以使用 CSS 代码，例如
height:40%;
缩放元素。
在此处缩放页面高度以供您自己查看:http://jsfiddle.net/L7uWd/
关于css - 如何使我的图像根据用户屏幕的大小显示？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16328819/