html - 移动网站处理的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/