我一直在使用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) {