引导媒体查询问题答案

【问题标题】：Bootstrap Media Queries Issue引导媒体查询问题
【发布时间】：2017-03-02 00:55:53
【问题描述】：

大家好

我需要了解 Bootstrap Media Queries 知识的人...我遇到了一些让我头疼的问题...

我正在尝试将以下 word press 页面：https://optimizepressplus.com/instruct-membership-course-page/ 制作成 HTML 页面：http://unlockingblueprints.com/templates/responsive/membership-course-page.html

我试图让它完全一样地工作，但由于某种原因，一些实际的媒体查询即使经过编码也不起作用....

【问题讨论】：

请阅读Something on my web site doesn't work. Can I just paste a link to it?。当外部资源消失或固定时，依赖于外部资源来理解的问题变得毫无用处。创建一个minimal reproducible example 并将其放入问题本身。
您在页面上有 jQuery 错误您是否尝试过先修复它，看看是否有影响

标签： html css twitter-bootstrap

【解决方案1】：

修复你的代码错误

`Error: Element title must not be empty.
From line 6, column 12; to line 6, column 19
<title></title>`

`Warning: Consider avoiding viewport values that prevent users from resizing documents.
From line 13, column 5; to line 13, column 107
<meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no name='viewport'>`

使用 <meta name="viewport" content="initial-scale=1, maximum-scale=1">

或者 <meta name="viewport" content="width=device-width, initial-scale=1">

【讨论】：