Android 元标记和媒体查询中设备宽度差异的混淆
我正在努力让我的网站在不同的移动设备上运行,我遇到了一些关于设备宽度的问题。我知道以前有人问过类似的问题,但我在这里和其他地方都读过一些相互矛盾的东西,没有发现任何东西可以澄清我在寻找什么 假设我使用的是分辨率为480x800的NexusOne。现在,如果制作一个元标记,如:Android 元标记和媒体查询中设备宽度差异的混淆,android,css,mobile,Android,Css,Mobile,我正在努力让我的网站在不同的移动设备上运行,我遇到了一些关于设备宽度的问题。我知道以前有人问过类似的问题,但我在这里和其他地方都读过一些相互矛盾的东西,没有发现任何东西可以澄清我在寻找什么 假设我使用的是分辨率为480x800的NexusOne。现在,如果制作一个元标记,如: <meta name="viewport" content="width=device-width"> 设备宽度指的是物理分辨率,不随方向变化。因此,对于NexusOne,无论方向如何,设备宽度均为480px
<meta name="viewport" content="width=device-width">
设备宽度指的是物理分辨率,不随方向变化。因此,对于NexusOne,无论方向如何,设备宽度均为480px,因此不包括在媒体查询中
这是正常的行为吗?如果是,为什么设备宽度在两者之间表现如此不同?它们不仅使用不同的值,而且其中一个值会根据方向而改变,而另一个则不会。这是非常令人困惑的,更糟糕的是,我在web上的其他地方读到了完全相反的内容(媒体查询设备宽度受方向影响,而元标记设备宽度不受方向影响)
非常感谢您提供的任何帮助。媒体“设备宽度”功能描述了输出设备渲染面的宽度。对于连续介质,这是屏幕的宽度。对于分页介质,这是页面大小的宽度 我不是移动网页设计专家,但我认为方向不会影响设备宽度值
@media only screen and (max-device-width: 320px) {
/*CSS rules here */
}