Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Android 元标记和媒体查询中设备宽度差异的混淆_Android_Css_Mobile - Fatal编程技术网

Android 元标记和媒体查询中设备宽度差异的混淆

Android 元标记和媒体查询中设备宽度差异的混淆,android,css,mobile,Android,Css,Mobile,我正在努力让我的网站在不同的移动设备上运行,我遇到了一些关于设备宽度的问题。我知道以前有人问过类似的问题,但我在这里和其他地方都读过一些相互矛盾的东西,没有发现任何东西可以澄清我在寻找什么 假设我使用的是分辨率为480x800的NexusOne。现在,如果制作一个元标记,如: <meta name="viewport" content="width=device-width"> 设备宽度指的是物理分辨率,不随方向变化。因此,对于NexusOne,无论方向如何,设备宽度均为480px

我正在努力让我的网站在不同的移动设备上运行,我遇到了一些关于设备宽度的问题。我知道以前有人问过类似的问题,但我在这里和其他地方都读过一些相互矛盾的东西,没有发现任何东西可以澄清我在寻找什么

假设我使用的是分辨率为480x800的NexusOne。现在,如果制作一个元标记,如:

<meta name="viewport" content="width=device-width">
设备宽度指的是物理分辨率,不随方向变化。因此,对于NexusOne,无论方向如何,设备宽度均为480px,因此不包括在媒体查询中

这是正常的行为吗?如果是,为什么设备宽度在两者之间表现如此不同?它们不仅使用不同的值,而且其中一个值会根据方向而改变,而另一个则不会。这是非常令人困惑的,更糟糕的是,我在web上的其他地方读到了完全相反的内容(媒体查询设备宽度受方向影响,而元标记设备宽度不受方向影响)


非常感谢您提供的任何帮助。

媒体“设备宽度”功能描述了输出设备渲染面的宽度。对于连续介质,这是屏幕的宽度。对于分页介质,这是页面大小的宽度

我不是移动网页设计专家,但我认为方向不会影响设备宽度值

@media only screen and (max-device-width: 320px) {
    /*CSS rules here */
}