修复响应式 Shopify 主题中的标题答案

【问题标题】：Fix Header in Responsive Shopify Theme修复响应式 Shopify 主题中的标题
【发布时间】：2014-06-01 22:48:08
【问题描述】：

当我在手机上查看我的网站或只是缩小计算机上的浏览器窗口时，标题和链接中的元素最终会出现在主页图像的后面。这是页面的链接：http://www.sleepfullnights.com/

如何修复 Shopify 页面上的标题以使其压缩得很好？我认为这是一个出现在多个页面上的问题，因此非常感谢任何构建响应式页面的一般准则。

【问题讨论】：

【解决方案1】：

@media 查询就是您要查找的内容。使用它们，您可以根据屏幕大小声明要应用于页面的不同样式。

如何使用它的示例：

/* apply code below on screens smaller than 1001px in width */
@media only screen and (max-width : 1000px) {
    ul li { font-size:11px; }
}

【讨论】：

【解决方案2】：

你能把标题的css代码放上去吗？

您也可以尝试引导框架，它对于构建响应式网站非常有用。

【讨论】：