Html 媒体查询不适用于摩托罗拉手机

我加入了对iPhone非常有效的媒体查询

我在使用摩托罗拉手机浏览我的网站时遇到了问题。我不确定原因可能是什么。或者，如果我需要在代码中添加一些额外的内容，以适应iPhone以外的其他手机设备。我为320px和425px设置了相同的媒体查询…所以所有的手机设备都应该正常

www.lewisdesigns.com。它在iPhone上工作没有问题。这就是为什么其他移动设备会出现问题的原因

.box{
位置：绝对位置；
边框：2个白色点；
边界半径：15px；
边缘顶部：30px；
右边距：自动；
左边距：自动；
左：0；右：0；
宽度：380px；
填充：10px；
}
@介质（最大宽度：320px）{
.box{宽度：240px；
边缘顶部：15px；
}
}
@介质（最大宽度：425px）{
.box{宽度：240px；
边缘顶部：15px；
}
}
.导航药丸{
位置：相对位置；
边缘顶端：265像素；
显示：表格；
左边距：自动；
右边距：自动；
文本对齐：居中；
}
李娜先生{
颜色：黑色；
边界半径：10px；
保证金：3倍；
字体大小：15px；
字体大小：589px；
边界半径：0px；
背景色：白色；
显示：内联块；
}
.导航丸李a:悬停{
颜色：白色；
背景色：透明；
显示：内联块；
边框：1px白色固体；
字体大小：300；
}
@介质（最大宽度：320px）{
.nav丸{宽度：280px；
利润上限：190px；
边缘底部：5px；
}
}
@介质（最大宽度：425px）{
.nav丸{宽度：280px；
利润上限：210px；
边缘底部：20px；
}
}
@介质（最大宽度：320px）{
.nav{字体大小：12px；
填充：8px；
保证金：2倍；
}
}
@介质（最大宽度：425px）{
.nav{字体大小：12px；
填充：8px；
保证金：2倍；
}
}
.方框h2{
字体：70px/1.2“Pacifico”，Helvetica，无衬线；
颜色：白色；
文本阴影：2px2px0pxRGBA（0,0,0,0.2），4px4px8pxRGBA（0,0,0,0.2）；
右侧填充：5px；
左侧填充：5px；
左边距：15px；
}
.箱跨{
左边距：70像素；
}
@介质（最大宽度：320px）{
.h2框{字体：50px/1.2'Pacifico'，Helvetica，无衬线；
}
}
@介质（最大宽度：320px）{
.box span{左边距：40px；
}
}
@介质（最大宽度：425px）{
.h2框{字体：50px/1.2'Pacifico'，Helvetica，无衬线；
}
}
@介质（最大宽度：425px）{
.box span{左边距：40px；
}
}

刘易斯
设计

不确定。这是一部相当旧的手机，所以我想它应该是internet explorer。那不是我的电话。他们只是向我汇报。可能是浏览器吗？可能是的，但手机上的IE是全新的。也就是说，没有提到视口元，您的代码可以使用验证。我确实提到了视口元。在提供的代码中没有提到。但是，这可能是特定于电话的，所以很多事情可能不起作用。不，我知道它不在提供的代码中，但在我的代码中。我把整个头部都放在这里了，但也许我需要把它放进去。谢谢你的意见！：）