我有一个非常简单的投资组合网站(示例页面:http ://stevebishop.org/images/a_working_title/index.html ),我做了一个响应式设计,加载一个“移动”样式表,而不是为 iPhone 大小加载屏幕。
代码中唯一真正的 css 是在常规样式表上,图像被缩放 100% 的屏幕高度,而对于移动设备,它们是 100% 的宽度。目的是为每个设备提供尽可能大的图像,同时在屏幕上显示一个图像。
这一切都很好,除了在 iPad 上查看的问题 - 因为它们应该像桌面一样加载常规的 css 文件,但它们似乎无法处理 height: 100% 属性,而是将每个图像显示为非常很大。
有没有人对如何将代码更改为更稳定的代码,或者在不干扰我认为会的小型桌面的情况下为 iPad 加载“移动”css 文件的方法有任何建议。
谢谢你。