Nexus 5媒体查询?

Jos*_*hua 6 css html5 css3 media-queries

我正在尝试使用CSS媒体查询为大学写一个移动网站,但是当我尝试使用以下内容来定位Nexus 5时:

@media only screen and (min-width : 20em) 
Run Code Online (Sandbox Code Playgroud)

(记住20em = 320px)它不起作用,而是在X轴和Y轴上填充页面大约90%.

我正在使用的视口是这样的:

<meta content="width=device-width, user-scalable=no" name="viewport">
Run Code Online (Sandbox Code Playgroud)

我正在考虑根据像素比率编写媒体查询,但未能通过Google找到关于N5比率的任何答案.

任何帮助将不胜感激.

谢谢

use*_*902 9

尝试此视口,设置初始比例将阻止缩放.您可以将媒体查询设置为大约767px(这将覆盖几乎所有的手机)... 768让您进入平板电脑纵向视图.使用一些狡猾的CSS(使用布局的百分比),您的网站应该在所有手机上运行良好

  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
Run Code Online (Sandbox Code Playgroud)