所以说你有iPad并且它处于0度位置，你有这个位置的网站布局，然后当用户将iPad旋转到90度时，它改变了方向。基本上现在网站布局也必须改变。但我不知道如何调整它以适应新的布局。我们是否需要重新计算网站布局的宽度等？或者有更好的方法吗？我欢迎任何建议。
答案 0 :(得分：1)
我建议解决这个问题的方法是使用responsive web design
中的技巧基本的是，您需要确保尽量不要在media-queries旁边使用固定大小的元素（例如em，％等）来检测屏幕方向和大小。
这个概念应该让你走上正确的道路，祝你好运！
答案 1 :(得分：0)
我认为你正在寻找这样的东西：
<link rel="stylesheet" media="screen and (orientation:portrait)" href="portrait.css">
<link rel="stylesheet" media="screen and (orientation:landscape)" href="landscape.css">