我的网站在移动设备上没有响应答案

【问题标题】：My website is not responsive in mobile devices我的网站在移动设备上没有响应
【发布时间】：2018-02-19 17:12:03
【问题描述】：

enter image description here我正在为我的网站使用此模板https://templated.co/fetchingly。但它没有响应。我不是 ui 开发人员，但我看过 w3 学校和其他教程，并且确实包含了所有必需的标签。但它仍然没有响应。任何人都可以在这方面帮助我以使我的网站具有响应性吗？

在普通桌面上看起来不错，但在手机和 ipad 上我可以看到 div 没有响应。 div与颜色重叠，看不到文字。

【问题讨论】：

任何人都可以在这里回复什么是错误的，而不是负面的 cmets..以便我可以尝试纠正它？
stackoverflow.com/help/mcve 你没有问一个好问题。否决票的意思是“这个问题没有显示任何研究成果；不清楚或没有用”
@Isaac 我已将所有信息都包含在其中。事实上，我正在学习 UI。任何人都可以在这里帮助我
您没有提供任何信息...您标记了 html5 和 css3，但您还没有发布任何相关的 html 或 css？我敢建议，但也许是问题的截图？首选 MCVE
@Isaac 包括了屏幕截图。并且代码可以直接从链接下载。如果需要添加其他内容，请告诉我。

标签： html css responsive-design responsive

【解决方案1】：

你可以使用media queries。

@media only screen and (min-width: 400px) and (max-width: 800px) {
  .yourDiv { 
    yourCss;
  }
}

【讨论】：

感谢您的回复。但是里面的css应该是什么？我没有那个 div 的任何 CSS

【解决方案2】：

为什么不尝试使用 Bootstrap 框架？如果您在学习如何使用引导程序创建响应式网页设计之前不尝试。

或者您需要了解如何使用 HTML 和 CSS 来调整、隐藏、缩小、放大或移动内容以使其在任何屏幕上看起来都不错。

一些提高自己的资源；

HTML Responsive Web Design

Responsive Web Design With Css

Responsive Web Design With Bootstrap

【讨论】：

【解决方案3】：

您可以指定媒体查询以根据各种分辨率更改显示，例如下面的代码，甚至您可以使用 Bootstrap 它会更容易。

    /* Extra small devices (portrait phones, less than 576px) */

    @media only screen  (max-width: 575.98px) {
        .some-selector {
            /* Property: value;*/
        }
    }

    /* Small devices (landscape phones, 576px and up) */

    @media only screen (min-width: 576px) and (max-width: 767.98px) {
        .some-selector {
            /* Property: value;*/
        }
    }

    /* Medium devices (tablets, 768px and up) */

    @media only screen (min-width: 768px) and (max-width: 991.98px) {
        .some-selector {
            /* Property: value;*/
        }
    }

    /* Large devices (desktops, 992px and up) */

    @media only screen (min-width: 992px) and (max-width: 1199.98px) {
        .some-selector {
            /* Property: value;*/
        }
    }

    /* Extra large devices (large desktops, 1200px and up) */

    @media only screen (min-width: 1200px) {
        .some-selector {
            /* Property: value;*/
        }
    }

【讨论】：