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比率的任何答案.
任何帮助将不胜感激.
谢谢
尝试此视口,设置初始比例将阻止缩放.您可以将媒体查询设置为大约767px(这将覆盖几乎所有的手机)... 768让您进入平板电脑纵向视图.使用一些狡猾的CSS(使用布局的百分比),您的网站应该在所有手机上运行良好
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
Run Code Online (Sandbox Code Playgroud)
| 归档时间: |
|
| 查看次数: |
20270 次 |
| 最近记录: |