Twitter bootstrap 响应性在移动设备上不起作用,但在调整计算机上的浏览器大小时才起作用
好的,首先,是的,我确实在我的头脑中设定了 当我在我的移动设备上查看站点时,它考虑的是初始比例=1,并且不仅仅是调整默认布局的大小,它似乎忽略了我以前从未遇到过的媒体查询。当我调整浏览器大小时,它确实可以工作 例如,我的css中有: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; }
@media (max-width: 767px) {
.container {
width: auto;
margin-left: auto;
margin-right: auto;
padding: 0 20px;
}
}
当我将浏览器的大小调整到767px以下时,容器类中嵌套的所有内容都尊重填充。当我在手机上查看时,什么都不做,好像它仍然从默认设置中提取,该类的填充为0
以前有人见过这个吗?我很感激你能提供的任何建议
顺便说一句,网站是circlephotography.ca
非常感谢,看起来它在iphone上运行得很好。请看截图,感谢Gokhan,帮助缩小范围。一定是我的手机出了问题,而不是代码。在这里检查你的网站响应,你可以找到导致问题的解决方案并修复你的css