javascript - 我的移动响应网站未正确调整大小

Question

我有一个处于开发阶段的网站。默认 View 看起来不错，但是当浏览器重新调整大小时，图像和字体看起来过于拉伸(stretch)或挤压，而不是优雅地响应。我在这里附上了两张图片。请告知有什么问题。谢谢。

Answer 1

如果图像是背景，尝试添加:

background-size: cover;

到那些div。

这将使图像足够大以填充其容器，同时保持原始比例。

如果图像只是一个 img 而不是背景图像，如果你切换它，它应该可以工作。