我的手机响应网站没有正确调整大小

Question

我有一个网站正处于开发阶段。默认视图看起来不错，但是当浏览器重新调整大小时，图片和字体看起来过于拉伸或挤压，而不是很灵敏。我在这里附上了两张图片。请指出什么是错的。谢谢。

Answer 1

如果图像的背景下，努力增加：

background-size: cover; 

到这些div。

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

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

Answer 2

当您将此CSS添加到您的背景图片时，它会在所有浏览器大小中使用100% width。添加此CSS后图像不能拉伸。

background-position: center center; 
background-repeat: no-repeat; 
background-attachment: fixed; 
background-size: cover; 
height: 100%; 
width: 100%;