首页 > html > responsive > CSS Layout - 如何使用媒体屏幕显示CSS方向更改

CSS Layout - 如何使用媒体屏幕显示CSS方向更改

responsive

【responsive】

我们想知道如何使用媒体屏幕显示CSS方向更改。


<!DOCTYPE html>
<html>
<head>
<style type='text/css'>
body {
  background-position: top center;
}

@media screen and (orientation: portrait) {
  body {
    background-image:
      url('http://placehold.it/200x200');
  }
}

@media screen and (orientation: landscape) {
  body {
    background-image:
      url('http://placehold.it/200x300');
  }
}
</style>
</head>
<body>
</body>
</html>