我一直在使用Foundation 4创建一个网页，因此它对所有设备都非常敏感。
然而，由于某些奇怪的原因，iPhone和移动设备上的Chrome和Safari都采用纵向模式（也就是说应该使用宽度小于568像素的移动网站），它使用的是平板电脑版本。
使用浏览器并将其重新调整为各种尺寸时，它可以正常工作，可以加载桌面设备，平板电脑和移动设备。
为什么移动网站没有在移动设备上使用？我正在使用所有基础媒体查询，所以我不确定它为什么不起作用。 （我知道移动网站运行得很好）
基础媒体对移动设备的查询是这样的：
@media only screen and (max-width: 40em){}
平板电脑是：
@media only screen and (min-width: 40.063em) and (max-width: 64em) {