如何使用Html和CSS制作响应式网站？[已关闭]

cclgggtu 于 2022-12-05 发布在其他

关注(0)|答案(1)|浏览(161)

已关闭。此问题需要details or clarity。当前不接受答案。
**想要改进此问题吗？**通过editing this post添加详细信息并阐明问题。

21小时前关门了。
Improve this question
我已经把使用html和css的旅行作为一个迷你项目。但是现在我想让它对所有设备都有React。
我试着让它响应，但我不能使它完全响应，我不能修复我的网站的图像和页脚。

css

来源：https://stackoverflow.com/questions/74674742/how-to-make-responsive-website-using-html-and-css

1条答案

按热度按时间

yjghlzjz1#

使用媒体查询和CSS flexbox。
媒体查询允许您为不同的屏幕大小指定不同的样式。移动的设备、更大的屏幕等。
CSS Flexbox是创建灵活的布局，自动调整到屏幕的大小。

<style>
/* Mobile styles */
@media only screen and (max-width: 600px) {
  /* Make the website full-width */
  body {
    width: 100%;
  }

  /* Use flexbox to arrange the website elements */
  .container {
    display: flex;
    flex-direction: column;
  }

  /* Make the header and footer full-width */
  header, footer {
    width: 100%;
  }

  /* Make the images full-width and resize them to fit the screen */
  img {
    width: 100%;
    height: auto;
  }
}
</style>

<body>
  <div class="container">
    <header>
      ...
    </header>

    <main>
      ...
    </main>

    <footer>
      ...
    </footer>
  </div>
</body>

赞(0）回复(0）举报 2022-12-05

我来回答

如何使用Html和CSS制作响应式网站？[已关闭]

1条答案

相关问题

热门标签

最新问答