2回答
我使用这段代码来测试媒体查询支持，因为我想为例如IE8加载一个多填充。
yepnope({
test : Modernizr.mq('(only all)'),
nope : ['scripts/respond.js']
});
它可以工作(= respond.js在oder中加载)，但现在我刚刚发现respond.js也在Safari中加载。
在阅读了之后，我相信respond.js是被加载的，因为有某种类型的媒体查询Safari不支持。这是真的吗？我怎样才能解决这个问题？
浏览 5提问于2013-02-10得票数 0
使用SASS和Respond To(断点)可生成具有多个媒体查询的.css文件，而不是合并。
这不是什么大问题，但在IE8中，使用css3-mediaqueries.js会导致IE8崩溃。css3-mediaqueries.js为每个媒体添加了一个样式标签，而IE8不能达到32...
如何自动合并所有媒体查询？
谢谢
浏览 2提问于2013-07-05得票数 0
回答已采纳
3回答
我正在仔细评估利用和进行响应式设计的最佳方式，并向社区提出几个问题。
首先，我的理解是，当将IE8与Respond.js捆绑在一起时，不需要为IE8及更低版本的媒体查询支持进行其他编码或测试。换句话说，当Respond.js与Respond.js捆绑在一起时，我只需在源代码中加载它就可以激活它。对，是这样?
其次，您认为这是在IE8及更低版本中实现媒体查询支持的最有效方式吗？从本质上讲，我将包含一个比已经支持媒体查询的浏览器所需的更大的现代脚本。如果将这两个脚本分开，并且仅在媒体查询测试失败时加载Respond.js，不是更有效吗？
第三，如果我想分开这两个脚本，如果需要的话，你认为加载Res
浏览 2提问于2011-11-26得票数 45
我正在用IE9做一些浏览器测试，它具有在IE8和IE7模式下运行的强大功能。
我正在测试媒体查询支持，我使用了respond.js ()或css3 -css3-js ()。
当将它们置于IE8或IE7模式时，它们都会使IE9崩溃。当我排除上面的库时，IE运行得很好，但是没有使用媒体查询polyfill。
这是崩溃的原因吗？我在想，IE9可能没有匹配的IE8 JS引擎或类似的东西。
浏览 2提问于2012-01-28得票数 0
1回答
我的处境如下：
我有关于屏幕解析的媒体查询A: width<1200px。
我有关于屏幕解析的媒体查询B: width>1200px。
文档中有一个按钮，点击一下就可以了。目前我的屏幕分辨率低于1200 to，所以元素使用媒体查询A。在这个晚上，我想强迫我的元素使用媒体查询B。这可能吗？
我知道如何用JS操作dom，但这正是我想要避免的。有什么解决办法吗？
谢谢你的回复。
浏览 1提问于2015-09-02得票数 3
回答已采纳
当通过创建两倍大的第二张图像来适应视网膜显示时，我见过picturefill.js建议防止下载较大的图像，除非需要它们。
但这不就是'min-device-pixel-ratio‘媒体查询已经完成的吗？或者，即使不满足特定的查询，CSS中的图像也总是会被下载？
浏览 0提问于2012-07-05得票数 1
回答已采纳
当我使用LESS.js和@media查询进行响应式布局时，我无法让Respond.js工作。有人想过怎么让它工作吗？
浏览 3提问于2011-11-16得票数 0
回答已采纳
好的，所以我使用 --传统浏览器上的介质填充(ie8是最重要的)。
同时，我正在研究如何使用，它允许基于媒体查询匹配执行js代码。
在隔离测试下，这种材料起作用：
respond.js为IE8正确执行css中定义的媒体查询。
enquire.js基于匹配css的媒体查询正确执行javascript代码。(用于非旧式浏览器)
然而，这种组合似乎不起作用。即：
Enquire.js不执行基于媒体查询的javascript，该查询通过respond.js (用于旧版浏览器)启用。
由于Respond.js包含Paul爱尔兰语的 (如：)，对于遗留支持来说应该足够了，所以我不确定会有什
浏览 9提问于2012-11-08得票数 2
回答已采纳
1回答
我有一个JS脚本，可以包含在不同设备的页面中，比如桌面、平板电脑和手机。该脚本类似于：
For Desktops :<script type="text/javascript" src="http://example.asp?id=495"></script>
For Tablets : <script type="text/javascript" src="http://example.asp?id=496"></script>
For Smartphones : <scri
浏览 1提问于2013-10-25得票数 1
回答已采纳
1回答
是否可以对外部资源使用媒体查询？
示例：
<script language="javascript" type="text/javascript" src="/js/jquery-1.5.2.min.js"></script>
或
<link rel="stylesheet" type="text/css" href="/Header.css?v=11"/>
我会将这些资源用于媒体查询
浏览 2提问于2015-08-04得票数 1
回答已采纳
1回答
我正在处理一个响应模板，并使用CSS媒体查询。但是IE7似乎不直接支持媒体查询。所以我找到了解决方案，找到了
但我不能让它起作用。
HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<li
浏览 5提问于2013-01-07得票数 1
回答已采纳
第n-of-type不是在媒体查询内部工作，而是在IE8中同一css文件的媒体查询之外工作。
<script src="http://css3-mediaqueries-js.googlecode.com/files/css3-mediaqueries.js" ></script>
和css：
.j-container:nth-of-type(1), .j-container:nth-of-type(3) {
background-color: #eee;
}/* It is working */
@media screen and (max-w
浏览 3提问于2013-12-31得票数 0
我正在使用和listener扩展，但是，我不知道如何为下面的匹配媒体查询编写一个listener。任何帮助都将不胜感激。
JS：
if (matchMedia("(min-width: 52em)").matches) {
$("details").attr("open", "open");
}
浏览 0提问于2013-06-23得票数 1
回答已采纳
2回答
我使用Susy 2和断点sass来创建我的媒体查询。
它的输出就像：
@media (min-width: 1000px)
我想知道为什么屏幕不见了？它应改为：
@media screen (min-width: 1000px)
我试图添加css3 3-中介-js，这是不起作用的，我认为这可能是原因。
浏览 1提问于2014-04-29得票数 0
回答已采纳
1回答
我想根据媒体查询调用js文件，比如css媒体查询条件。
到现在为止我已经试过了
<script>
if (window.matchMedia('screen and (min-width: 1224px)')){
document.write('<script type="text/javascript" src="pistachioz_js/jquery.fullPage.js"> </script>');
</script>
但对我不起作用。
浏览 2提问于2014-07-05得票数 0
2回答
我在一个网站上工作，这将具有，一页，在Adobe Edge制作的幻灯片(导出为.js JavaScript文件)。我还使用CSS media查询来调整站点上的各种元素的大小，比如基于屏幕分辨率的<div>和字体。我想对幻灯片做的是创建不同分辨率的多个版本；是否可以使用CSS媒体查询来随后选择每个屏幕分辨率的适当版本？
浏览 0提问于2012-07-26得票数 0
回答已采纳
我正在考虑使用modernizr来支持ie8中的媒体查询。你能提供一个例子来实现同样的方法吗？
我也看过Respond.js，但发现它有点复杂。
任何其他建议也将不胜感激。
浏览 4提问于2011-10-15得票数 5
回答已采纳
2回答
我有一个IE黑客问题，我需要添加专门针对IE7的媒体查询(IE8工作正常)。我也在使用respond.js。所以当我这样做的时候：
<!--[if IE]>
<style rel="stylesheet" type="text/css">
@media screen and (max-width:500px){
.abc{width: 100px !important;}
}
</style>
<![endif]-->
IE7不理解它。请提个建议。提前谢谢。
浏览 3提问于2014-12-04得票数 0
我已经启动了一个基于twitter引导框架的新的响应性网络项目(同时开始了一个较少的学习曲线)，并且我遇到了IE和媒体查询方面的问题。由于IE7 &8不支持媒体查询，所以我抓取了一份填充脚本的副本，以便IE开始响应。没有用：-
经过大量的绞尽脑汁之后，我把问题缩小到了媒体查询语法。引导程序的媒体查询如下：
@media (max-width: 480px) { ... } // Landscape phones and down
@media (max-width: 767px) { ... }
浏览 2提问于2012-05-10得票数 2
1回答
我正在制作一个js/jquery调试工具，供个人使用。我发现微调我的css媒体屏幕查询很痛苦。因此，我想出了一个主意，在窗口调整大小时显示触发的媒体css规则。因此，我需要知道，当css媒体屏幕规则生效时，是否有可能捕捉到事件。
注意:我可以轻松地读取我的css文件，并将它们放入一个变量中，过滤掉所有媒体查询，并将屏幕值与当前窗口大小进行比较。这将工作，但感觉没有效率，因为所有的css文件(和样式标签)需要处理。还有其他选择吗？
浏览 1提问于2013-10-13得票数 5
回答已采纳
在Head.js媒体查询中使用CSS3屏幕大小检测的优点是什么？
Head.js屏幕尺寸检测
.lt-1024 #hero { background-image:(medium.jpg); }
CSS3 @media查询
@media only screen and (max-width: 1024px) {
#hero { background-image:(medium.jpg); }
}
如果这只是CSS和JS选择的问题，哪一个对于移动设计来说更值得信赖？
浏览 2提问于2011-01-23得票数 0
回答已采纳
JQuery移动、引导和CSS3媒体查询
使用哪种组合？
要想拥有一个UI框架，我们都应该使用像Bootstrap这样的工具。要为移动设备开发，我需要一些东西，可以方便地在一个超文本标记语言文件中切换页面，就像JQuery移动(JQM)做的那样。为了开发不同的屏幕宽度(iPhone，iPad等)，我需要根据响应式网络设计规则进行开发。
JQM不支持根据的媒体查询，因为它说助手类已被弃用。它为您指出了媒体查询，除非您使用Bootstrap或Skeleton，否则没有好的示例
在寻找将Bootstrap与JQM相结合的信息时，除了Andy Matthews之外没有其他好的例子，他在JQM中创建了一
浏览 0提问于2012-05-26得票数 1
回答已采纳
我有多个断点使用CSS媒体查询。我的问题在320 My的媒体查询中。当将viewport设置为320 is时，不会加载320 is的媒体查询。将加载640 of的媒体查询，而不是320 of的查询。为什么？
我的html:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="viewport" content="in
浏览 0提问于2014-07-23得票数 2
回答已采纳
我希望div在1200px屏幕上的宽度为120px (10%)，当将窗口大小调整为1920px时，宽度将线性增加到375px (约20%)。如何在不使用JS的情况下实现这一点？
我尝试使用calc函数，但我想不出正确的公式来同时满足这两个要求。
如果可能的话，我不想使用媒体查询，但如果所有其他方法都失败了，在媒体查询中最干净的方法是什么？
浏览 1提问于2017-10-25得票数 0
我正在使用CSS3媒体查询创建一个逐步增强的设计，首先响应小屏幕大小，然后再使用媒体查询更大。
当然，媒体查询在IE8和更低的版本上不起作用。我尝试的解决方案是使用现代派和respond.js。
我脑子里有这个：
<script type="text/javascript">
Modernizr.load({
test: Modernizr.mq,
nope: '/js/respond.min.js'
});
</script>
在firefox中，我可以看到控制
浏览 1提问于2011-07-08得票数 2
1回答
我们仍然从ie8获得了大量流量，但我们决心走响应式路线。在过去，我们已经在ie8中实现了媒体查询，但在最新的模板中并没有成功。
我们在html head标签中的CSS/viewport设置：
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" media="screen" href="/request/css/bootstrap.css
浏览 1提问于2012-11-03得票数 1
1回答
我想知道是否有一个工具可以将匹配的媒体查询条件合并到一个定义中。我在css3mediaqueries.js中使用的组合较少，但是这通常是挂起的，因为输出的样式表由于嵌套而有超过32个媒体查询，并且导致代码在CSS3表单中不是特别可维护的。
我发现了一些东西，但是它只给格伦特；
浏览 3提问于2014-02-25得票数 1
回答已采纳
1回答
我正在使用媒体查询，它在ie7上不工作，我使用respond.js，它开始在ie8上工作，但仍然不能在ie7上工作，所以任何解决方案，谢谢。我也尝试了我在这里找到的其他方法，但仍然对我不起作用。
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link href="http://externalcdn.com/r
浏览 2提问于2013-12-03得票数 0
1回答
我在任何地方都找不到关于如何设置respond.js的信息。
我打开了htdocs -这是对的吗？还是我只需要htdocs中的respond.min.js？
然后像这样引用这个文件..。
<script src="respond.min.js"></script>
目前，我已经在我的头部分，尝试了之前和之后的媒体查询，但没有使用样式表。
是否有关于如何设置resonse.js的教程，因为我不知道我是否做错了什么，或者是否有其他问题。
任何帮助都将是非常感谢的，我的网站终于完成了，但是我不希望它在没有媒体查询的情况下运行，而且目前如果我使用媒体查询，在IE
浏览 2提问于2014-02-19得票数 2
回答已采纳
我有一个div，它有一个基本的宽度值，设置在一个css文件中。在该文件中，我还对新的基本宽度进行了媒体查询，并将方向更改为纵向。在我的javaScript中，我有一个函数在文档准备就绪时动态地更新宽度。
所发生的情况是，当调用媒体查询时，更新的宽度-是js动态设置的宽度，它会自动覆盖新的媒体查询css宽度。换句话说，一旦我在代码中动态地设置了宽度--媒体查询将不再起任何作用。
如何使媒体查询css宽度覆盖当前宽度(js动态设置的宽度？)
谢谢!
HTML + JS：
<html>
<head>
<script>
var def
浏览 3提问于2014-08-13得票数 2
1回答
首先，我想强调，我是一个非常新手的javascript编程，并试图从这里学习尽可能多。阅读查询js、文档以及源代码。我想知道查询js与传统的使用匹配媒体和调整事件侦听器大小之间的区别。
链接到查询js:
会很感激你的贡献
浏览 0提问于2013-10-09得票数 2
回答已采纳
我已经将我的页面字体设置为font-size: 0.6875em;，现在我想知道，当我通过拖动窗口(而不是使用JavaScript函数)来调整浏览器的大小时，我的文本大小会像我的DIVS一样减小吗？
看起来不是！我知道我可以添加CSS媒体查询，可能有一个JavaScript / jQuery工具可以做到这一点，但是当用户拖动浏览器的一角并减小(或增加)窗口大小时，我是否可以自动减小文本大小，或者我必须使用JS / CSS媒体查询吗？
任何建议都将不胜感激。
谢谢
浏览 2提问于2012-02-19得票数 1
回答已采纳
2回答
我用的是Next.js 9.53
我使用的基本随Next.js -没有CSS前处理器(less，sass等)也没有CSS (styled-components等)
目前，我首先编写我的CSS手机，然后有一大堆冗余的媒体查询，如下所示：
/* "desktop" */
@media screen and (min-width: 1024px) {
...
}
我在几个不同的模块中有媒体查询的冗余副本。我喜欢与定义默认样式的CSS相近的替代样式。但我不喜欢那个查询的“神奇数字”方面。
我也有一套“全局”的CSS，在这里我定义了一些高级的东西和一些CSS变量，然后我在所有的模块C
浏览 2提问于2020-09-05得票数 0
回答已采纳
1回答
我已经用谷歌搜索了两天，但没有找到答案……问题只是在IE8中所有其他浏览器都运行得很好......我正在使用以下Js文件来支持IE8中的媒体查询：
css3-mediaqueries.js
html5.js
问题是媒体查询在外部样式表中不起作用，但是当我把它们放在html文件的head部分时，它们就可以正常工作了。该网站是Wordpress。任何帮助都是最好的。
我的媒体查询代码是：
@media only screen and (min-width: 769px) and (max-width:1075px) {
#wrap {
width:100%;
浏览 3提问于2012-11-27得票数 2
1回答
是一个Javascipt，它为Javascripts重新创建CSS媒体查询。这意味着您可以将Javascripts封装在Media查询中。(就像在媒体查询中封装CSS一样)。
我不太清楚怎么用它。说：
enquire.register("max-width: 960px", function() {
// put your code here
});
然而，当我这样做的时候，我的代码就停止工作了。
是一些没有Enquire.JS的Jquery的例子，它工作得很好。
使用相同的选项卡，但添加了Enquire.JS。现在它停止工作了。
我试验过不同的代码变体，但它们都不起作用。
浏览 5提问于2012-10-08得票数 1
回答已采纳
还是？
官方文档，特别是css3 3-mediaqueries.js的文档很少。阅读SO，论坛和，我总结了这些利弊。
respond.js
优点：
更可靠(？)由、和推荐)
打火机(4kb)和更快
在任何上下文中解释媒体查询(<link>，内联CSS，@import ed CSS)
缺点：
不会更新窗口大小调整
只支持min-width和max-width
不支持em单元(巨大的弱点！)
css3-mediaqueries.js
优点：
实时反应(调整尺寸！)
支持em单元(真的吗？有人测试过吗？)
缺点：
重(15 an
浏览 1提问于2012-10-11得票数 19
回答已采纳
1回答
我正在使用Drumal来制作我的网站，对于主题，我使用了"Omega kickstart子主题“。我已经安装了Tinynav.js模块，但它在"IE 8和更低版本的浏览器“中不工作，而它在包括"IE 11”在内的所有其他浏览器中工作。有人能帮我解决这个问题吗？谢谢。
PS:有些人可能会说tinynav.js不能在IE 8及更低版本的浏览器上运行，因为它们不支持css媒体查询。但是，我已经解决了这个问题，我所有的css媒体查询在所有浏览器中都能很好地工作，包括IE的所有版本。
浏览 0提问于2014-04-01得票数 0
2回答
我已经创建了一个响应性的电子邮件模板，的问题是媒体查询在IE10浏览器下不能工作。我使用了js库来运行它，但是它不能工作。
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style t
浏览 3提问于2014-01-06得票数 0
我希望在我的css文件中包含简单的媒体查询，但它们不起作用，我已经从其他问题中挖掘了太长时间的答案。
这是我正在尝试的媒体查询，我认为这是最正确的：
@media screen and (max-width: 600px) {
body {
background-color: red;
}
}
我也尝试过上面代码的这些版本：
@media screen and (max-width: 600px) {
body {
background-color: red !important;
}
}
@media only screen and (max-width: 6
浏览 0提问于2019-09-11得票数 0
2回答
我提供了一个带有twitter bootstrap的网站，但我发现IE8仍然不支持媒体查询……
我在谷歌上找到了两种解决方案：和
但是两者都不能解决我的问题，就像我在这里展示的： (使用css3-mediaqueries.js)和 (使用css-media-queries-for-ie.js)
有什么办法解决我的问题吗，因为我的网站使用了几个@media
谢谢
浏览 2提问于2012-09-14得票数 0
回答已采纳
我想提供两个文件。低分辨率适用于移动设备，高分辨率适用于台式机和平板电脑。
我看到它建议使用和 (参见:向手持设备发送不同压缩的视频)来使用媒体查询。我发现这适用于普通的<video>标记，但不适用于mediaelement.js
<video width="960" height="540" controls="controls" preload="none">
<source type="video/mp4" src="mobile.mp4" media=&
浏览 2提问于2011-12-29得票数 0
我在cassandra中有5000多行数据(大约10000行)，我想用d3.js绘制这些数据。我目前正在使用node.js查询cassandra。但是，卡桑德拉通过fetchSize对node.js的默认限制是5000。有没有办法从卡桑德拉那里得到所有的数据？
浏览 8提问于2015-12-16得票数 1
回答已采纳
2回答
我将保持简洁..使用Zurb Foundation 5构建站点。媒体查询不起作用。代码如下：
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>...</title>
<link rel="stylesheet" href="css/foundation.css" />
<
浏览 3提问于2014-02-02得票数 4
1回答
未正确加载媒体查询
、、、
我目前正在寻求制作一个与IE8兼容的响应式网页。通过一些互联网帮助，我将我的移动css内容放在一个带有媒体查询和响应js的css文件中，差一点就解决了这个问题。这种方法产生了两个问题。在移动网站上，媒体查询下的移动css加载不正确。移动内容的某些更改会出现，而其他更改则不会出现。在IE8网站上，除了顶部的视频没有显示，以及另一个网站的宽度和图片大小混乱之外，大多数情况下看起来都还可以。有什么建议吗？谢谢!下面是一些相关代码的片段
<head style="overflow-x: hidden">
<script src="//cdn.optim
浏览 0提问于2013-07-12得票数 1
在对CSS和JS代码进行研究时，用户还没有看到这些内容，我脑海中就有了一些东西。CSS媒体查询究竟是什么时候运行的？哪个js和jquery函数首先运行(document.onload、document.ready等)？当我对其进行研究时，我发现了和问题，它们解释了域内容加载函数、document.ready函数和window.onload函数之间的差异。但是，与这些函数相比，我无法确定CSS中的媒体查询是什么时候运行的。所以我通过JSFiddle在上查了一下。
在HTML部分中，我只编写了带有和ID的div；
<div id="testDiv">
Test Me
浏览 2提问于2021-11-10得票数 2
回答已采纳
我有一个“去顶端”的链接，滚动移动/平板电脑到网页顶部。通常情况下，我会在JS检测窗口和身高时这样做。
在媒体查询中有这样做的方法吗？
@media only screen and (min-height: 500px) and (max-width: 768px)
{
.scrollTop { display: block }
}
浏览 0提问于2013-07-30得票数 1
回答已采纳
4回答
我目前正在创建一个使用媒体查询的响应式网页设计。对于移动设备，我想移除我的JS滑块，并将其替换为其他东西。我已经研究了.remove()和JQuery库中的其他一些东西，但是它们必须被实现到超文本标记语言中，从css的角度来看，我想不出一个替代方法。
浏览 0提问于2013-07-20得票数 16
1回答
iOS6为Mobile引入了一种新的全屏模式。它只在横向和隐藏浏览器顶部和按钮栏，以及设备状态栏。
如何使用媒体查询检测新模式？我尝试使用宽度媒体查询，但无法让它工作。
我能够用JS document.documentElement.clientHeight区分它们，它在默认中返回208，在全屏模式下返回320。
顺便说一句:我不是说从主屏幕启动应用程序，这是一种完全不同的全屏模式。
浏览 5提问于2012-09-28得票数 3
回答已采纳
我找到了，在调整了windowwidth的大小后，它完全改变了css-value。我想到了Javascript，但它甚至在JS被禁用的情况下也能做到。如果调整页面大小，它会分3步更改宽度。firebug或chrome显示的计算出的css值不会受到影响，但您可以明确地看到更改。我搜索了一些媒体查询或其他东西，但什么都没有。希望有人能理解发生了什么=)我想用它而不是媒体查询
浏览 1提问于2011-11-24得票数 2
回答已采纳
知道为什么在下面的示例中，媒体查询在被js更改后不再更改菜单栏的高度？(使窗口变小，然后单击箭头以展开迷你菜单)。我是否需要为菜单元素注册一个起始点或其他什么？
CSS：
#menu {
position: fixed;
left: 0px;
bottom: 0px;
width: 100%;
height: 90px;
z-index: 11000;
opacity: 1;
background-color: #F03600;
}
联署材料：
if ($("#arrowup").css('top&
浏览 1提问于2013-07-12得票数 4
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
