Twitter bootstrap 响应性在移动设备上不起作用,但在调整计算机上的浏览器大小时才起作用

Twitter bootstrap 响应性在移动设备上不起作用,但在调整计算机上的浏览器大小时才起作用,twitter-bootstrap,mobile,responsive-design,media-queries,Twitter Bootstrap,Mobile,Responsive Design,Media Queries,好的,首先,是的,我确实在我的头脑中设定了 当我在我的移动设备上查看站点时,它考虑的是初始比例=1,并且不仅仅是调整默认布局的大小,它似乎忽略了我以前从未遇到过的媒体查询。当我调整浏览器大小时,它确实可以工作 例如,我的css中有: @media (max-width: 767px) { .container { width: auto; margin-left: auto; margin-right: auto; padding: 0 20px; }

好的,首先,是的,我确实在我的头脑中设定了

当我在我的移动设备上查看站点时,它考虑的是初始比例=1,并且不仅仅是调整默认布局的大小,它似乎忽略了我以前从未遇到过的媒体查询。当我调整浏览器大小时,它确实可以工作

例如,我的css中有:

@media (max-width: 767px) {

  .container {
    width: auto;
    margin-left: auto;
    margin-right: auto;
    padding: 0 20px;
  }
}
当我将浏览器的大小调整到767px以下时,容器类中嵌套的所有内容都尊重填充。当我在手机上查看时,什么都不做,好像它仍然从默认设置中提取,该类的填充为0

以前有人见过这个吗?我很感激你能提供的任何建议

顺便说一句,网站是circlephotography.ca


非常感谢,

看起来它在iphone上运行得很好。请看截图,感谢Gokhan,帮助缩小范围。一定是我的手机出了问题,而不是代码。在这里检查你的网站响应,你可以找到导致问题的解决方案并修复你的css