2

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

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

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

有没有人对如何将代码更改为更稳定的代码,或者在不干扰我认为会的小型桌面的情况下为 iPad 加载“移动”css 文件的方法有任何建议。

谢谢你。

4

1 回答 1

0

除了使用 之外width: 100%,您还可以使用属性max-width: 400pxmax-height:200px防止图像过大。

希望对一些人有所帮助。

问候。

于 2012-12-01T15:34:31.937 回答