Question

因此，我使用百分比和VW字体大小制作了一个完整的网站，以使网站不会像放大那样改变，并使窗口变大/变小。有几个部分我必须将图像叠加在一起，我通过使用＆＃34;位置：绝对＆＃34;来实现这一点。这些部分是我的导航栏，我的2＆＃34;订阅我们的邮件列表＆＃34;输入框。

该网站的工作非常完美，除非你在移动设备的宽度附近（我不知道，可能像300像素？）然后所有的定位都很糟糕。

我想知道是否有某种方式可以改变定位，它不会影响网站的其他部分？或者也许以某种方式使用媒体查询来帮助修复它？我不知道该怎么做。每当我改变＆＃34;位置：＆＃34;类型，它打破，严重。

Answer 1

像Cesar建议的那样，在CSS中使用媒体查询进行覆盖。指定要覆盖的像素。

@media (min-width: 1px) and (max-width: 300px) {
 // Do css overrides here
}

操纵覆盖的最小/最大像素宽度，然后开始执行CSS。如果遇到不会覆盖的样式，请执行以下操作：

.container { height: 500px !important; }

！important标志将覆盖似乎不想让你覆盖它们的东西。当你几乎失去理智时，它会派上用场。使用chrome / firefox Inspect Element来帮助您。