Jquery 媒体查询不'；在不同尺寸的屏幕上不能正常工作

我用媒体查询设计了我网站的一些部分。例如，我为1920像素宽的屏幕分辨率设置了某些设置，但在我的15英寸笔记本电脑和25英寸桌面屏幕上，它们看起来不同。他们看起来很不一样。 我怎样才能使它们看起来几乎一样

@介质（最小宽度：1920像素）{
#蓝名{
右边填充：357px；
}
}
@媒体屏幕和（最小设备宽度：1200px）和（最大设备宽度：1600px）{
#蓝名{
右侧填充：235px；
}
}
@媒体屏幕和（最小设备宽度：1601px）和（最大设备宽度：1919px）{
#蓝名{
右侧填充：310px；
}
}

标题

在这种情况下，我认为您不需要媒体查询！ 只要在标题容器上设置：text align:right，并在标题上保留空格即可

#bluetitle{
    padding-right:...px;
}

p{
    text-align:right;
}

---

我认为在这种情况下你不需要媒体查询！ 只要在标题容器上设置：text align:right，并在标题上保留空格即可

#bluetitle{
    padding-right:...px;
}

p{
    text-align:right;
}

---

您是否尝试将此元标记添加到html文档中？ 并尝试给出填充/边缘的%值

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

---

您是否尝试将此元标记添加到html文档中？ 并尝试给出填充/边缘的%值

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

---

我刚刚在你的网站上用

检查元素测试了这个CSS，看起来还可以

尝试将CSS设置为：

#bluetitle {
    background-color: #dff2f6;
    padding-right: 1%; /* You can edit this as per your needs */
}

在我看来，你不需要@media查询，因为在测试中，没有@media查询，你的网站看起来很好。
我刚刚在你的网站上用
检查元素测试了这个CSS，看起来还不错

尝试将CSS设置为：

#bluetitle {
    background-color: #dff2f6;
    padding-right: 1%; /* You can edit this as per your needs */
}

依我看，你不需要@media查询，因为在测试中，没有@media查询，你的网站看起来很好。
我的建议是在定义
右填充时使用百分比。我同意@HamzaAhmad use percentagespx是一个相对单位。24英寸屏幕中的1px与15英寸屏幕中的1px不同。使用百分比来保持一致性。由于某种原因，当我添加百分比单位时，什么都没有发生。我的建议是在定义
右键填充时使用百分比。我同意@HamzaAhmad use percentagespx是一个相对单位。24英寸屏幕中的1px与15英寸屏幕中的1px不同。使用百分比来保持一致性。出于某种原因，当我添加百分比单位时，什么都没有发生。但我仍然希望它在不同的分辨率上看起来不错，不仅仅是1920像素的宽度，但我仍然希望它在不同的分辨率上看起来不错，不仅仅是1920像素的宽度。我刚刚添加了这个，什么都没有发生，我甚至添加了！important@media（最小宽度：1920px）{#bluetitle{右键填充：40%！重要；}}我需要媒体查询，因为在不同的屏幕分辨率下，它看起来不同。@Rozibber您是否尝试在没有媒体查询的情况下设置它？定义
padding right
percentage意味着无论屏幕大小如何，它都将保持与右侧相同的距离我刚刚添加了这一点，但什么都没有发生，我甚至添加了！important@media（最小宽度：1920px）{#bluetitle{右键填充：40%！重要；}}我需要媒体查询，因为在不同的屏幕分辨率下，它看起来不同。@Rozibber您是否尝试在没有媒体查询的情况下设置它？定义
padding right
percentage意味着无论屏幕大小如何，它都将保持与右侧相同的距离