现场演示：http://leoaivy.github.io/projects/poster_inside/html/1_P.01_login.html
Questoin：＆＃34; .login-bg-wrap a img＆＃34;在桌面上运行良好，最大宽度设置为100％。但是在像iphone 6这样的较窄设备上，背景图像只是缩放以适应视口的宽度，这使得它们的高度变小。我将heihgt设置为1％或100％，但它们会缩放到原始大小。我不知道为什么？有没有办法让这些图像的高度适合网站的高度？
答案 0 :(得分：0)
您需要确保每个元素（包括图像）都设置为width为100％。还有一个额外min-width你希望停止缩小的数字应用于图像本身。
只有宽度，而不是高度。
答案 1 :(得分：0)
您可以删除max-width，将图片的高度和宽度设为100％，并为其指定object-fit: cover;这是您要实现的目标吗？
您还可以在宽度上使用100vw，在高度上使用100vh，这样图片将始终具有视口的大小。