网站没有来自templated.co的响应

Question

我是HTML的新手，我正在尝试让我的网站响应。我从templated.co中选择了this模板。我做了一些修改并给了他们设计的信用。事后，当我检查响应性时，它在手机/ ipad中无响应。我们可以直接从templated.co下载代码。任何人都可以帮助我让我的网站响应吗？

Answer 1

模板似乎没有附带媒体查询（CSS中的规范允许内容适应屏幕分辨率）。您需要自己编写代码，因为它们特定于所使用的CSS。如果您不确定如何对它们进行编码，请尝试在youtube上搜索媒体查询教程。另外，请查看this模板。 （您不需要使用所有查询，但使用的越多，您的网站就越灵活）

 @media screen and (max-width: 699px) and (min-width: 520px) {
    ul li {
        padding-left: 30px;
        background: blue;
    }

    }

示例查询看起来像这样。 Max和min定义了网站在限制下如何变化的边界，并且始终以像素为单位。这就是说，如果满足屏幕尺寸的像素条件， ul 和 li 将具有30px填充和蓝色背景。对于每个手机/平板电脑尺寸，您需要具有新规格的新媒体查询。