坏css导致小设备上的布局非常糟糕

时间:2013-07-09 15:38:40

标签: javascript css zurb-foundation

我建立了一个基金会4的网站,并且有一些问题(很多问题)及其响应部分,决定摆脱CSS中的视口,我认为这会导致网站在小型设备上正常呈现但是结果非常糟糕,我不确定是什么导致它。我没有更多@media目标在CSS中的小设备,但它仍然非常混乱。

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

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

谁能告诉我什么是错的? (Javascript还是什么?我不知道,但这很糟糕......) 有没有办法告诉浏览器忽略不同的宽度并以同样的方式处理所有内容? 感谢

2 个答案:

答案 0 :(得分:1)

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

编辑:看看你的网站,对于具有这些知识的1041 + ......的决议似乎没问题,使用那些@media查询摆脱那边的巨型酒吧。

答案 1 :(得分:0)

使用min-width作为标题和div,以便它们不会小于所需的大小,我会在标题中看到类似的内容。

例如,我只是尝试将 min-width:1100px; 添加到 top-bar div中,并且该部分似乎没有问题。

我不是说建议使用1100px标头(因为它不是)但我只是以它为例。