1

我正在为响应式设计而苦苦挣扎。

一切都是按百分比确定的，并且开始按“常规”屏幕上的预期工作。

通过 javascript 我确定设置背景图像的窗口宽度和高度。背景图像使用 css3 “cover” 属性。

但在 iPad/iPhone 上，一切显然都搞砸了。当页面内容溢出页面高度（大多数页面都这样做并且应该这样做）时，“封面”属性显然会扩展并显示图像太大。并且 height 和 margin-top 突然设置得太高了。

我的猜测是 iPhone/iPad 正在考虑将包括溢出内容在内的整个内容作为整个页面高度，而不仅仅是实际可见的屏幕......但我不知道如何处理它。

此外，当我提醒窗口宽度时，我得到：iPad、iPhone4 和 iPhone3 上的 980。我猜这表明我不能在 iPhone/iPad 上使用窗口宽度......？

我如何处理移动设置？

我希望我不需要创建 iPhone/iPad 特定的设置......但我开始担心我需要这样做？

这是带有设计的游乐场：http: //basix.popweb.dk

有什么帮助或建议吗？

谢谢约翰

4

1 回答 1

0

好吧，我刚刚在 iPhone 上检查了您的网站，它似乎可以正常加载，但是布局似乎对我没有反应。

无论如何，您使用任何 CMS 吗？

另外，当我学习材料时，我建议您查看http://themble.com/bones/ 即使它是一个 wordpress 主题，样式表也很好地说明了什么是有效的。尽管如此，它还是使用了我建议学习的 SASS 或 LessCSS（CSS 预处理器），因为它会在编写 CSS 时为您节省大量时间。一点都不难，我在 2 小时内就学会了 LessCss http://lesscss.org/。

于 2013-04-14T00:13:59.043 回答