为什么我的媒体查询在我的显示器上响应，但在我的手机或ipad上没有响应？

Question

solanosprinklers.net

请参阅网站。我有不同的颜色设置，所以当我减小PC上的窗口大小时，我可以看到分辨率的变化。检查一下，它会响应。问题是手机和平板电脑都没有响应。我错过了什么？

以下是CSS文件中的媒体查询

@media (min-width: 1025px) and (max-width: 1199px) {
    #new_customer {background: green; margin-left:-20% !important; }
}

@media (min-width: 768px) and (max-width: 1024px) {
    #new_customer {background: black; margin-left:-20% !important; }
}

@media (max-width: 767px) {
    #new_customer {background: red; margin-left:8% !important; }
}

@media (max-width: 480px) {
    #new_customer {background: blue; margin-left: 21% !important; }
}