移动网站处理的css规则

Question

移动网站的问题是当屏幕是横向的，它是宽屏的，但是，当屏幕旋转并转换到potartiat时，它会变得更宽，CSS规则应该不同于顺序始终保持元素显示。因此，我想知道无论如何，当景观使用landscape.css时，当potarait使用potariat.css。或者我需要特定的一次css一次$(window).resize{}？处理差异的标准方法是什么？谢谢。

Answer 1

没有银弹，你应该做什么取决于你的网站。苹果有一些很好的文档描述了各种办法：

http://developer.apple.com/library/ios/#documentation/AppleApplications/Reference/SafariWebContent/OptimizingforSafarioniPhone/OptimizingforSafarioniPhone.html

也看看Bootstap，这是由Twitter创建，使事情变得更容易的开放框架。 http://twitter.github.com/bootstrap/