对CSS移动查询的更改不再响应

Question

几年前，我建立了一个网站，在这里我使用CSS媒体查询来格式化手机。今天，在更新网站时，好像我对移动查询所做的任何更改都没有响应。

HTML的设置如下：

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

CSS媒体查询的设置如下（纵向和横向）：

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2)

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2)

我以前编写的代码仍然可以使用，但是任何新更改都不会显示。有人知道为什么会这样吗？

另外，完整的网站位于：https://estherloui.se/

Answer 1

尝试使用min-width代替高度的min-device-width