快速业务通道

device-width 与orientation

作者 佚名技术 来源 网页制作 浏览 发布时间 2012-03-06
候保持不变,它没有更新到你现在可用的更宽的屏幕。(screen.width/height同样也不会。)

这可能是Apple故意的,而不是一个bug。保持最终的设备宽度不变意味着页面(或者APP)在用户旋转设备的时候不会改变它们的布局。

即便如此,这还是令人纠结的。当我们创建越来越多的移动网站的时候,关于设备、屏幕、页面、缩放比例以及滚动偏移的精确信息将变得非常重要。(在接下来的几个月中,我将完全地抓住这一点。浏览器厂商们,你们要小心了。)

所以iPhone限制了网页开发者需要的关键信息。因此我将这个行为当作一个bug,不管事实上它可能是故意的。

无论如何,由于orientation媒体查询的情况对iPhone OS很重要,也许你将不能辨别用户已经改变了设备的方向。这就是为什么说iPhone不支持它是一个遗憾的原因了,而iPad的做法是一个好消息。

总结:

  1. 默认使用device-width媒体查询;
  2. 在iPhone OS中,使用orientation媒体查询做为扩展。

其实到现在我还完全不能确定你该如何将这两个整合到iPhone OS系统或者单独使用它们。我将思考一下,或者某个读者能给出一个好的可行性方案。

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!

分享到: 更多

Copyright ©1999-2011 厦门凌众科技有限公司 厦门优通互联科技开发有限公司 All rights reserved

地址(ADD):厦门软件园二期望海路63号701E(东南融通旁) 邮编(ZIP):361008

电话:0592-5908028 传真:0592-5908039 咨询信箱:web@lingzhong.cn 咨询OICQ:173723134

《中华人民共和国增值电信业务经营许可证》闽B2-20100024  ICP备案:闽ICP备05037997号