平板电脑版正在移动版上观看

时间:2014-02-14 19:12:45

标签: css responsive-design mobile-safari media-queries mobile-chrome

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

0 个答案:

没有答案