为什么我的CSS3媒体查询不起作用？
在styles.css中，我正在使用媒体查询，这两个查询都使用以下变体：
/*--[ Normal CSS styles ]----------------------------------*/
@media only screen and (max-width: 767px) {
/*--[ Mobile styles go here]---------------------------*/
}
当我缩小窗口时，这些网站的大小会调整为我希望在常规浏览器（Safari，Firefox）中使用的布局，但是，手机上的移动布局根本无法显示。相反，我只是看到默认的CSS。
谁能指出我正确的方向？
问题答案：
所有这三个都是有用的提示，但看来我需要添加一个元标记：
<meta content="width=device-width, initial-scale=1" name="viewport" />
现在它似乎可以同时在Android（2.2）和iPhone上使用…
-
响应式网站设计只有弹性布局这一个技巧是不够用的，媒体查询（ media queries ）也是响应式设计的核心技巧之一。媒体查询是可应用于 CSS 样式的简单过滤器。有了这些过滤器，我们可以根据设备呈现内容的特点轻松更改样式，包括显示屏类型、宽度、高度、方向甚至是分辨率。 在 CSS2.1 中定义了媒体类型，通过给 元素添加 media 属性，可以为不同的媒体类型加载不同的样式表。 <link r
-
CSS2 多媒体类型 @media 规则在 CSS2 中有介绍，针对不同媒体类型可以定制不同的样式规则。 例如：你可以针对不同的媒体类型(包括显示器、便携设备、电视机，等等)设置不同的样式规则。 但是这些多媒体类型在很多设备上支持还不够友好。 CSS3 多媒体查询 CSS3 的多媒体查询继承了 CSS2 多媒体类型的所有思想： 取代了查找设备的类型，CSS3 根据设置自适应显示。 媒体查询可用于检
-
问题内容： 我有一个响应迅速的网页。它利用媒体查询。 但是在iframe中加载的同一页面无法正常工作。 例如，考虑到我的网页，当屏幕宽度小于640px时，我将背景色设置为红色。 因此，当我在新标签页中加载该窗口并使浏览器宽度小于640px时，背景颜色变为红色。 但是，在以320 * 480尺寸的iframe加载时，同一窗口没有红色的背景色。 如何使媒体查询在iframe中工作？ 问题答案： 以这种
-
本章节我们将为大家演示一些多媒体查询实例。 开始之前我们先制作一个电子邮箱的链接列表。HTML 代码如下： 实例 1<!DOCTYPE html> <html> <head> <style> ul { list-style-type: none; } ul li a { color: green; text-decoration: none; padding: 3p
-
我正在做一个装在盒子里的计数器。我试图使这个计数器对不同的屏幕大小做出响应，但由于某些原因，我试图使用的媒体查询将无法工作。 我曾尝试将设备宽度更改为768px以下，但查询对计数器没有影响，我不确定原因。我已经包括了计数器的HTML/PHP代码以及CSS。有人知道为什么它不起作用吗 我已确保此标签包含在文档的标题中。 超文本标记语言： CSS：
-
我在wordpress的论文框架中使用下面给出的媒体查询。但它不起作用。我也从这些答案中得到了帮助，但仍然不起作用。 响应型网站可在桌面上运行，但不能在移动设备上运行 响应媒体查询不工作 当我在此处检查此查询时http://www.responsinator.com/?url=http://www.lvticketattorney.com/ 它正在工作。但当我在移动设备上检查它时，它不工作。 媒体