0

我用 Foundation 4 建立了一个网站，并在其中的响应部分遇到了一些问题（很多问题），决定摆脱 CSS 中的视口，我认为这会导致网站在小型设备上正常呈现，但结果是真的很糟糕，我不确定是什么原因造成的。我在 CSS 中没有更多针对小型设备的 @media，但它仍然非常混乱。

您可以在那里查看不同设备上的结果：http: //www.viewlike.us/

这是我的网站 http://broadcasted.tv/

谁能告诉我怎么了？（Javascript之类的？我不知道，但这很糟糕......） 有没有办法告诉浏览器忽略不同的宽度并以相同的方式处理所有内容？ 谢谢

4

2 回答 2

1

不要删除@media 查询，它们用于为每个设备显示不同的内容。如果您试图忽略不同的屏幕分辨率，则说明您没有使用响应式设计。

编辑：查看您的网站，分辨率 1041+ 似乎没问题...有了这些知识，使用那些@media 查询来摆脱旁边的那个巨大的酒吧。

于 2013-07-09T15:57:11.403 回答
0

为您的标题和 div使用最小宽度，这样它们就不会变得小于所需的大小，我看到您的标题会发生类似的情况。

例如，我刚刚尝试添加min-width:1100px; 到您的顶栏div，这部分似乎没有什么问题。

我并不是说推荐使用 1100 像素的标题（因为它不是），但我只是将其用作示例。

于 2013-07-09T16:01:20.900 回答