在此代码沙盒中，在css中使用媒体查询在768px宽度下不起作用

我在这里使用了媒体查询，它对除768px之外的所有设备都能正常工作。当屏幕宽度低于768px时，我无法像调整所有以上宽度的css那样调整任何css。

导航栏

表单控件

搜索输入，如下图所示，由于某些原因，无法在css中调整大小，请告知？
注意：将浏览器窗口设置为100%放大，此功能才能正常工作

@media (min-width: 1410px) {
@media (min-width: 1200px) {
@media (min-width: 992px) {
@media (min-width: 768px) {
@media (min-width: 576px) {

在768px处：

768px以下

---

如果您的屏幕很宽，比如1410px，它将通过第一次测试，第二次测试和最后一次测试。如果显示器的宽度为768px，它将通过倒数第二个测试，然后通过最后一个测试。你的测试是否按相反的顺序进行？@AHaworth你的意思是在css中我应该先使用1410px，最后使用576px吗？@AHaworth我在css中更改了它们的顺序，现在什么都不起作用了没有css我们可能需要查看更多的css来了解问题所在。例如，在使用媒体CSS之前，您的CSS设置是什么？对于宽度更小的设备，默认设置是什么？谢谢@AHaworth我做了一些改进，并创建了一个关于媒体查询的新设置