移动网站无法识别正确的尺寸/分辨率

时间:2016-05-24 14:55:18

标签: css mobile media-queries

我正在尝试让我的网站完全响应,但它根本没有显示我的期望。我在css和<meta name="viewport" content="width=device-width"/>标签中使用媒体查询,但它没有多大帮助。如果没有<meta>标签,它确实可以正确显示,但当然现代智能手机上的像素非常小。

在搜索此问题时,我找到了page about mobile displays,这让我更了解它。如果我做得对,这个页面提到手机传递关于其解决方案的“虚假”信息,以免显示网站太小。

然而,这并没有那么容易。例如,我的三星Galaxy S5具有1080×1920像素的分辨率,并在纵向和横向模式下加载@media screen and (max-width:720px) {}内的css。对于我的网站,它在纵向模式下做到这一点很好,但在横向模式下我真的需要它来显示常规的CSS。

长话短说,我该如何解决这个问题?我如何知道手机通过的“假”分辨率,并确保无论我做什么都适用于所有移动设备?

编辑:该网站在横向模式下根本不回复@media screen and (min-width:720px) and (max-width:1920px)

0 个答案:

没有答案