媒体查询适用于chrome但firefox选择了错误的解决方案/查询

Question

所以here是关于Mozilla支持的问题：

  

所以我在Responsive Design-modus中测试我的网站，并且CSS没有问题。但是，当我在我的手机时，该网站向我显示桌面的CSS。他因为视口而放大（我认为）。我不知道this是否是问题。

我尝试使用CSS：

@media screen and (min-width: {PixelNumber}px) { /* CSS stuf */ } 
/*or*/ 
@media only screen and (min-width: {PixelNumber}px) { /* CSS stuf */ }

这是我的html元标记：

<meta name="viewport" property="viewport" content="width-device-width, initial-scale=0.9">

Click here to view my site

在Chrome上： 并在firefox

上

Answer 1

视口标记中的

width-device-width应为width=device-width