css媒体查询最大设备宽度

如果我有css 3媒体查询最大设备宽度，当设备的方向改变时，这是否改变？css媒体查询最大设备宽度

例如，如果iPhone从纵向变为横向，最大设备宽度会发生变化吗？

来源

2012-12-26 Chris Muench

这与iPhone，iPad等不同于其他设备。对于Apple产品，device-width值保持不变，但使用其他设备更改方向可能会导致应用其他规则。

最可靠的方法是使用min/max-width而不是min/max-device-width。这取决于视口的大小，并且在不同设备之间保持一致。

来源

2012-12-26 21:44:20

你住的是最大的设备宽度是不可靠的在其他平台上，并建议不要使用此？这些信息的来源是什么？ –

@ChrisMuench我在说，在查看方向更改时，“max-device-width”在各个设备上不一致。随着iPad，iPhone等，方向的变化不会影响'设备宽度'，而与其他设备是这种情况。我的来源是经验，如果你制作一个页面并尝试在iPad和Kindle上改变方向，你可以自己测试。 –

明白了，这就是我理解设备宽度的方式。无论方向如何，它都是一个常数，但在不同设备之间是不同的。 –

它不改变方向

@media screen and (orientation:portrait) { 
/* Portrait styles */ 
} 
@media screen and (orientation:landscape) { 
/* Landscape styles */ 
}

来源

2012-12-26 21:44:27

*视口元标记中关于**设备宽度**的实用功能是当用户更改智能手机或平板电脑的方向时更新。* [Google网站管理员中心]（http://googlewebmastercentral.blogspot.ca /2012/04/responsive-design-harnessing-power-of.html） –

css媒体查询最大设备宽度

回答

相关问题