Question

我的网站非常适合我，但不适合我的大型显示器。 div在更大的显示器上更紧凑并且不正确。我该如何解决这个问题？

Answer 1

您需要使用媒体查询进行响应。如果您使用它，可能是您的元标记无法正常工作。

下面的例子是......

@media screen and (min-width:00px) and (max-width:00px){
     /*extra style will goes here. 
}

请勿忘记在<meta .../>

上使用此<head></head>标记

<meta name="viewport" content="width=device-width, initial-scale=1" />

Answer 2

我认为你有问题，因为你硬编码了尺寸。

我建议您使用相对尺寸，例如：

#el{
    width:50%;
    height:100%;
}

在上面的示例中，id = "el"的元素的宽度将是窗口宽度的一半，此元素的高度将等于窗口的高度（除非此元素位于另一个元素中）元素，其宽度和高度小于100％）。