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

时间:2013-01-21 04:46:30

标签: css css3 mobile-safari responsive-design

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

我希望所有内容都具有响应性和流畅性......目前在iPhone上查看时,只有第一个块看起来不错......其他块的内容超出了窗口的右侧,因此用户可以用他/她的手指滚动查看内容。

我已经使用了视口(设置最小和最大)并且我现在在每个块上都有一个980像素的最小宽度,以确保背景覆盖屏幕...不太确定我在哪里这里出错......

会欣赏一些指示或任何东西,以使我的网站更具响应性!小贴士...... WTFS ......等等;)

再次感谢

2 个答案:

答案 0 :(得分:1)

(将这些评论作为答案发布,因为它原来是答案)

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

答案 1 :(得分:0)

在媒体查询的帮助下更改移动版的布局我的意思是桌面设计在移动版中看起来不太好,例如主菜单在桌面上看起来不错,而对于较小的屏幕尺寸你需要更改菜单下拉..