3

有一个奇怪的错误——当我以纵向启动我的平板电脑（使用 Nexys 7 2013 型号）时，它会加载正确的样式表，当我切换到横向时，它会加载正确的样式表，但是当我切换回纵向时它不会'不再加载纵向样式表。是什么赋予了？

相关代码：

<link rel="stylesheet" type="text/css"
      media="only screen and (max-device-width: 800px) and (-webkit-min-device-pixel-ratio: 2.0) and (orientation: portrait)"
      href="tablet_portrait.css">
<link rel="stylesheet" type="text/css"
      media="only screen and (max-device-width: 800px) and (-webkit-min-device-pixel-ratio: 2.0) and (orientation: landscape)"
      href="tablet_landscape.css">

是否需要输入某种代码来确定从切换到的任何方向返回时要加载的内容？我没有在手机布局上测试过它，但我假设它做同样的事情。

谢谢！

4

1 回答 1

1

我没有要测试的 nexus-7，但在这种情况下，我会尝试使用一个样式表进行媒体查询，并将它们列在下面。这样，网页就不必担心在工作表之间来回切换。

@media="only screen and (max-device-width: 800px) and (-webkit-min-device-pixel-ratio: 2.0) and (orientation: portrait) {
    styles here...
}

@media="only screen and (max-device-width: 800px) and (-webkit-min-device-pixel-ratio: 2.0) and (orientation: portrait) {
    styles here...
}
于 2013-10-10T18:50:47.073 回答