请用css写一个2次元并且适配电脑端和手机端访问

要创建一个适配电脑端和手机端访问的2D页面，可以使用以下CSS代码：

body {
  margin: 0;
  padding: 0;
  font-family: Arial, sans-serif;
}

.container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  background-color: #f0f0f0;
}

.image {
  max-width: 100%;
  height: auto;
}

@media (min-width: 768px) {
  .container {
    flex-direction: column;
  }

  .image {
    max-width: 50%;
  }
}

这个CSS代码将页面的背景颜色设置为灰色（#f0f0f0），并将内容居中显示。在手机端访问时，图片将占据整个屏幕的宽度，并且在电脑端访问时，图片将最大宽度限制为50%。

在HTML中，你可以使用以下代码来应用上述CSS：

<!DOCTYPE html>
<html>
  <head>
    <title>2D页面</title>
    <link rel="stylesheet" type="text/css" href="styles.css">
  </head>
  <body>
    <div class="container">
      <img src="your_image.jpg" alt="2D Image" class="image">
    </div>
  </body>
</html>

将上述代码保存为一个HTML文件，并将图片路径替换为你自己的图片路径。然后在同一目录下创建一个名为styles.css的CSS文件，并将上述CSS代码复制到该文件中。最后，通过浏览器打开HTML文件，你将看到适配电脑端和手机端访问的2D页面