Ios CSS媒体查询是否必须位于外部CSS文件中？

我见过类似的问题，但不是这个

CSS媒体查询是否必须在外部CSS文件中才能正常工作

我有一个客户端，我只能访问WordPress中的内联css块。他们的IT部门确实锁定了CMS，我唯一可以更改的是CSS，它通过一个名为“改进的更简单的CSS”的插件，在

关闭之前放置一个

内联块

在创建网站时，浏览器似乎会接收“内联”媒体查询，对更改浏览器的宽度做出响应，但利用iPhone或iOS模拟器，我只能看到桌面视图，我认为iOS不喜欢CSS不被外部化

<style type="text/css">
/* Mobile-specific media query */
@media only screen and (min-width: 320px) and (max-width:767px) {

  #wrapper,
  .home #content,
  .page #container,
  .page .page, 
  #footer,
  .page #content {
    width: 100%;
  }

  #header {
    margin-top: 50px;
    margin-left: 20px;
    width: 95%;
    width: -moz-calc(100% - 20px);
    width: -webkit-calc(100% - 20px);
    width: calc(100% - 20px);
    height: 151px;
  }
}
</style>

/*移动特定媒体查询*/
@仅介质屏幕和（最小宽度：320px）和（最大宽度：767px）{
#包装纸，
.home#content，
.page#容器，
.一页，一页，
#页脚，
.第#页内容{
宽度：100%；
}
#标题{
边缘顶部：50px；
左边距：20px；
宽度：95%；
宽度：-moz计算（100%-20px）；
宽度：-webkit计算（100%-20px）；
宽度：计算（100%-20px）；
高度：151px；
}
}

不，它们不必是外部的

演示设置媒体查询的两种主要方法：

<!-- CSS media query on a link element -->
<link rel="stylesheet" media="(max-width: 800px)" href="example.css" />

<!-- CSS media query within a stylesheet -->
<style>
@media (max-width: 600px) {
  .facet_sidebar {
    display: none;
  }
}
</style>

@介质（最大宽度：600px）{
.侧边栏{
显示：无；
}
}

不，它们不必是外部的

演示设置媒体查询的两种主要方法：

<!-- CSS media query on a link element -->
<link rel="stylesheet" media="(max-width: 800px)" href="example.css" />

<!-- CSS media query within a stylesheet -->
<style>
@media (max-width: 600px) {
  .facet_sidebar {
    display: none;
  }
}
</style>

@介质（最大宽度：600px）{
.侧边栏{
显示：无；
}
}

媒体查询在

中完全有效，它们不必在外部样式表中

确保在头部包含视口元标记（如果尚未包含）：

---

如果包含当前的CSS，也会有所帮助。

媒体查询在

中完全有效，它们不必在外部样式表中

确保在头部包含视口元标记（如果尚未包含）：

---

如果您包含当前的CSS，也会有所帮助。

我正在做后一个。我正在做后一个。您所拥有的应该是有效的，因此我认为这是一个不包括我在回答中建议的viewport meta标记的问题。如果您有权访问

标题

，请尝试添加它。不幸的是，我没有。完全锁定。除非你有视口元标记，否则无法工作。你所拥有的应该可以工作，所以我认为这是一个不包括我在回答中建议的视口元标记的问题。如果您有权访问

标题

，请尝试添加它。不幸的是，我没有。完全锁定。除非有视口元标记，否则无法工作。不幸的是，视口标记不在代码/主题中，我只能访问CSS。我无法向PHP/Markup、addjs等添加任何内容。我真的很有限。谢谢。我将在本地实例/安装（未锁定的地方）上加载CSS，添加视口并确认这是问题所在。从客户端服务器上下载一个副本（通过WordPress的导出尽可能接近副本）。添加了视口元标记，媒体查询就可以工作了。不幸的是，viewport标签不在代码/主题中，我只能访问CSS。我无法向PHP/Markup、addjs等添加任何内容。我真的很有限。谢谢。我将在本地实例/安装（未锁定的地方）上加载CSS，添加视口并确认这是问题所在。从客户端服务器上下载一个副本（通过WordPress的导出尽可能接近副本）。添加了视口元标记，媒体查询就可以工作了。移除它，它们不会。