0

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

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

我玩过视口（设置最小值和最大值），我现在在每个块上都有一个 980 像素的最小宽度，以确保背景覆盖屏幕......不太确定我哪里出错了这里...

希望能提供一些指示或任何使我的网站更具响应性的东西！提示... WTFS... 等等 ;)

再次感谢

4

2 回答 2

1

（发布这些评论作为答案，因为它原来是答案）

我建议掌握Zurb Foundation或 Twitter Bootstrap（推荐 Foundation）并将其用作您的基本布局，同时您更熟悉响应式设计。一旦你看到它们是如何组合在一起的，你就可以再次处理你的布局。

于 2013-01-24T13:47:21.110 回答
0

借助媒体查询更改移动版本的布局我的意思是桌面类型的设计在移动版本中看起来不太好，例如主菜单在桌面上看起来不错，对于较低的屏幕尺寸，您必须更改菜单，如下拉菜单。

于 2013-01-21T04:52:11.997 回答