好的，首先，是的，我确实已经设置了<meta name="viewport" content="width=device-width, initial-scale=1">。
当我在我的移动设备上查看该网站时，它尊重初始比例= 1而不仅仅是调整默认布局，但它似乎忽略了媒体查询（我之前从未遇到过）。当我调整浏览器大小时，它确实有效。
例如我在我的css中有这个：
@media (max-width: 767px) {
.container {
width: auto;
margin-left: auto;
margin-right: auto;
padding: 0 20px;
}
}
当我将浏览器的大小调整到767px以下时，嵌套在容器类中的所有内容都会考虑填充。当我在手机上查看时，没有任何内容，就好像它仍然从默认设置中拉出，其中该类的填充为0。
有没有人遇到过这个？我感谢您提出的任何建议。
顺便说一句。网站是circlephotography.ca
谢谢，