需要有关移动响应式网站的帮助

Question

我的网站 www.dreamzabroad.in，

我想让它具有移动响应能力。就像当您访问主页时，滑块放置在标题徽标下方一样，我想将其向下推并使标题标签适合移动显示器？

Answer 1

使您的网站响应的最简单方法之一是使用Bootstrap。使用此链接作为起点：

http://getbootstrap.com/getting-started/

您需要在您的网站上包含引导程序文件，并使用您可以在其网站上找到的它们的类，以便使您的内容更改宽度并在不同的屏幕尺寸上相互归入。

Answer 2

您想查看媒体查询，这将允许您根据某些条件更改 CSS。

如果这太令人生畏，您可以简单地使用已经完成基础工作的框架，例如 Bootstrap，您只需要添加相关文档。

Answer 3

使用引导媒体查询或仅使用自定义媒体 CSS 属性。

对于引导程序，您可以简单地在索引样式标记中使用如下所示的 CDN 链接来使用 CSS，而无需在项目中下载，然后只需在代码中应用可用的类。

<link rel="stylesheet" href="./contact_files/bootstrap.min.css" />

根据您的设备宽度在index or main标签中添加下面的媒体 CSS style以实现响应能力。

@media screen and (max-width: 600px) {
  body {
    background-color: Yellow;
    color: Pink;
  }
}
@media screen and (max-width: 711px) {
  body {
    background-color: Green;
    color: Red;
  }
}

引用：

• https://www.geeksforgeeks.org/bootstrap-media-queries/