Android风景/人像不同的视口

我正在开发一个手机网站...来测试这个我创建了不同的模拟器的android和使用iphone模拟器。问题是调用window.innerWidth上的方向更改在iPhone上的视口更改如果纵向320和如果横向480，但在Android上视口是相同的横向和纵向（例如在480x800分辨率的视口是320横向/肖像）。我对视元是：Android风景/人像不同的视口

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

它是正确的行为？

thx预先

来源

2012-09-28 pixlab

您的视口元标记张贴丢失。但无论如何，你是对的： innerWidth/Height无法适应方向。如果你想根据方向处理布局，我会建议使用CSS3媒体查询。文档可以在这里找到：CLICK

来源

2012-09-28 13:17:11

确定这只发生在android？因为iPhone用不同的方向改变视口尺寸，我的问题是如果我可以对android模拟器的行为有信心。（我在以前的帖子中添加了元标记:)） – pixlab

我不太确定，但我知道制造商之间的那种差异偷了我很多时间。不要尝试自己确定方向，这将是一团糟。借助媒体查询中的定位条件使用响应式设计。 *编辑*我测试了这对几个不同的手机，如SGS1，Nexus，iPhone 3和4，所以我不能告诉任何关于模拟器。 –

Android风景/人像不同的视口

回答

相关问题