我的CSS中有以下媒体查询:
@media screen and (min-width: 0px) and (max-width: 319px) {
body {background-color:red;}
}
@media screen and (min-width: 320px) and (max-width: 480px) {
body {background-color:orange;}
}
@media screen and (min-width: 481px) and (max-width: 980px) {
body {background-color:yellow;}
}
@media screen and (min-width: 981px) and (max-width: 1200px) {
body {background-color:green;}
}
@media screen and (min-width: 1201px) {
body {background-color:blue;}
}
Run Code Online (Sandbox Code Playgroud)
以及相应大小的五个iframe:
<iframe frameBorder="0" src="index.html" height="320" width="255" ></iframe>
Run Code Online (Sandbox Code Playgroud)
查询在独立的html文件中启动,但在iframe上下文中查看时,它们在IE9中失败.所有其他浏览器显示OK.
谁知道为什么?谢谢
[编辑]对于记录,父和子html具有相同的docType,并且CSS作为text/css提供.
我有一个非常小的gulpfile如下,注册了一个监视任务:
var gulp = require("gulp");
var jshint = require("gulp-jshint");
gulp.task("lint", function() {
gulp.src("app/assets/**/*.js")
.pipe(jshint())
.pipe(jshint.reporter("default"));
});
gulp.task('watch', function() {
gulp.watch("app/assets/**/*.js", ["lint"]);
});
Run Code Online (Sandbox Code Playgroud)
我不能让手表任务连续运行.一旦我运行gulp手表,它立即终止.
我已经清除了我的npm缓存,重新安装了依赖项等,但没有骰子.
$ gulp watch
[gulp] Using gulpfile gulpfile.js
[gulp] Starting 'watch'...
[gulp] Finished 'watch' after 23 ms
Run Code Online (Sandbox Code Playgroud) 我正在尝试使用d3 v4.0的alpha,并尝试在jspm设置中创建自定义构建.我似乎无法理解新的模块化构建是如何工作的.
如果我想从模块导入命名导出,即从d3-request导入json,我可以执行以下操作:
import {json} from "d3-request";在通过jspm/npm安装模块之后.
如果我想同样安装整个库 import d3 from "d3";
如果我想安装多个模块并命名导出并在d3命名空间下将它们全部提供给我(即,在d3-request下导入d3-shape,并在同一d3全局中访问d3.json和d3.line) ,这是什么正确的语法?
我意识到当使用这些模块的独立版本时d3_shape会输出全局变量.这是为了在将这些模块与我的应用程序捆绑在一起时为每个模块设置单独的命名空间吗?
我写得少,并且使用Codekit在本地编译.
所有东西都应该编译到正确的目的地.. 但是
每次我保存较少的文件时,它会在我的硬盘上的相同位置创建一个空的CSS文件.当Codekit关闭时会发生这种情况,因此它似乎不是程序本身的问题.
我不知道是什么导致了这种行为,我没有其他服务在运行.
谢谢