iPad / iPhone简单响应100％img属性问题

Question

我有一个非常简单的投资组合网站（示例页面：http://stevebishop.org/images/a_working_title/index.html），我做了一个响应式设计，加载了一个“移动”样式表，而不是为iPhone大小的屏幕加载。

代码中唯一的css是在常规样式表上，图像按比例缩放100％屏幕高度，对于移动设备，它们是100％宽度。目的是为每个设备提供尽可能大的图像，同时在屏幕上显示图像。

这一切都很好，除了问题是在iPad上查看 - 因为他们应该像桌面一样加载常规css文件，但他们似乎无法处理高度： 100％属性，而是将每个图像显示为非常大。

有没有人建议如何将代码更改为更稳定的代码，或者为iPad加载“移动”css文件，而不会干扰我认为的小桌面。

谢谢。

Answer 1

除了使用width: 100%之外，您还可以使用max-width: 400px和max-height:200px等属性来防止图片非常大。

希望有所帮助。

问候。