简体   繁体   English

媒体查询可在chrome上运行,但firefox使用错误的分辨率/查询

[英]Media query works on chrome but firefox picks up wrong resolution / query

So here is my question on Mozilla support: 所以是我对Mozilla支持的问题:

So I am testing my website in the Responsive Design-modus and there is no problem with the the CSS. 因此,我在自适应设计模式下测试我的网站,而CSS没问题。 But when I am at my phone the site shows me the CSS of desktop. 但是当我打电话时,该站点向我显示了桌面CSS。 He zooms in because of the viewport (I think). 他因视口而放大(我认为)。 I do not know if this is the problem. 我不知道是否是问题。

What I tried with the CSS: 我尝试过的CSS:

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

This is my html meta tag: 这是我的html meta标签:

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

Click here to view my site 点击这里查看我的网站

On chrome: 在Chrome上: 铬 And on firefox 在Firefox上 火狐

视口代码中的width-device-width应该为width=device-width

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM