Javascript 糟糕的css在小型设备上造成非常糟糕的布局 我创建了一个带有基础4的网站，并且有一些问题（其中很多）和它的响应部分，决定去掉CSI中的视口，我认为这会导致网站在小设备上正常渲染，但结果非常糟糕，我不确定是什么引起的。在CSS中，我没有更多针对小型设备的@media，但它仍然非常混乱

您可以在不同的设备上查看结果：

这是我的网站

谁能告诉我怎么了？（Javascript还是什么？我不知道，但很糟糕…）

---

有没有办法告诉浏览器忽略不同的宽度并以相同的方式处理所有内容？

---

谢谢

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

编辑：看看你的网站，它似乎是罚款决议1041+。。。有了这些知识，就可以使用@media查询来摆脱旁边那个巨大的酒吧

在标题和div中使用a，这样它们就不会小于所需的大小，我看到类似的情况发生在标题上

例如，我刚刚尝试添加最小宽度：1100px；到你的顶级酒吧酒保，这部分似乎没有什么问题

---

我并不是说建议使用1100px的标题（因为它不是），但我只是以它为例。

您删除了视口和@media查询，这些都是为了让它在手机上看起来更好。如果在您需要在媒体查询中修复之前出现问题。。。我没有把它们全部删除。我试过了，结果花了好几个小时在错误的修复上。没有媒体查询不应该意味着有相同的css吗？有没有办法告诉浏览器忽略不同的宽度，并以相同的方式处理所有内容？我知道这不是个主意，但我认为必须这样，直到我可以花更多的时间在它上面。宽度为1100px的ThanksA布局对于移动设备和小屏幕来说看起来太大，这就是您删除的

@media

的目的，将CSS调整到不同的屏幕。如果您打算对每台设备使用相同的CSS，我建议您至少使用较小的宽度，以减轻小屏幕用户的痛苦（除非您的网站用户更倾向于笔记本电脑/台式机），您可以在这里查看更多关于

@media

使用的信息，当您准备好使用时：