为什么我的响应式网站在视口很小时看起来不好?



我已经在这个网站上工作了几天了,我试图让它看起来很棒,当窗口/视口是任何大小…目前,它在宽屏或普通1024显示器上看起来相当不错。然而,我在iPhone/iPad和更小的尺寸上拨号时遇到了问题…

我希望一切都能反应迅速,流畅…目前,当在iPhone上观看时,只有第一个块看起来不错…其他块的内容延伸到窗口的右侧,因此用户必须用手指滚动才能查看内容。

我已经玩了视窗(设置最小&我现在在每个块上设置了980px的最小宽度,以确保背景覆盖屏幕…不太确定我在哪里出错了……

将感激一些指针或任何东西,使我的网站更敏感!提示……the…

等);

再次感谢

(张贴这些评论作为答案,因为它被证明是答案)

我建议获得Zurb Foundation或Twitter Bootstrap(推荐Foundation),并使用它作为您的基础布局,同时您更熟悉响应式设计。一旦你看到它们是如何组合在一起的,你就可以再次处理你的布局了。

在媒体查询的帮助下改变移动版本的布局,我的意思是桌面式的设计在移动版本中看起来不太好,例如主菜单在桌面中看起来很好,而对于较小的屏幕尺寸,你必须改变菜单,如下拉菜单。

最新更新