Windows server 2008 R2下IIS7域名访问网站服务，CSS样式和JS脚本都为失效，为空了。

html-css015

Windows server 2008 R2下IIS7域名访问网站服务，CSS样式和JS脚本都为失效，为空了。,第1张

你直接用绝对地址看能否打开看到CSS的代码，一般都是出现引用的问题，注意源代码如果出现./之类的父路径的话，需要将IIS的启用父路径功能打开，这个IIS安装时默认是没启用的，这样也会引起调用失效。

有些软件有插件可以实时编译，比如sublime。

我用的是gulp，方便前端自动化。你可以网上搜一下，用起来啊很方便。

举个例子：

var gulp = require('gulp')

var less = require('gulp-less')

var notify = require('gulp-notify')

var plumber = require('gulp-plumber')

var concat = require('gulp-concat')

var minifycss = require('gulp-minify-css')

var rename = require('gulp-rename')

var watch = require('gulp-watch')

var uglify = require('gulp-uglify')

var autoprefixer = require('gulp-autoprefixer')

var lessPath = './src/less/*.less'

var lessMainPath = './src/less/main.less'

var lessDist = './src/css/'

var cssPath = './src/css/*.css'

var jsSrcPath = './src/js/*.js'

var distPath = './dist/'

//编译less

gulp.task('lessCompile', function() {

gulp.src([lessMainPath])

.pipe(plumber({ errorHandler: notify.onError('Error: <%= error.message %>') }))

.pipe(less())

.pipe(gulp.dest(lessDist))

})

//监控less文件变化

gulp.task('watchLess', function() {

gulp.watch(lessPath, ['lessCompile'])

})

//css合并压缩加前缀

gulp.task('handleCss', function() {

return gulp.src(cssPath)

.pipe(plumber({ errorHandler: notify.onError('Error: <%= error.message %>') }))

.pipe(concat('app.css'))

.pipe(autoprefixer({

browsers: ['last 5 versions', 'Android >= 4.0'],

cascade: true,

remove: false

}))

.pipe(gulp.dest(distPath))

.pipe(minifycss())

.pipe(rename('app.min.css'))

.pipe(gulp.dest(distPath))

})

//监控css文件变化

gulp.task('watchCss', function() {

gulp.watch(cssPath, ['handleCss'])

})

因为img标签属于flow的元素，ie会把flow元素之间的空白字符和制表换行符等当成一个空格处理，所以就出现了你所谓的小空隙。

你尝试下

<img src="1234.jpg"/><img src="1234.jpg"/>

在两个图片中换行看看，和直接连起来写就有差异，这是ie对dom处理的逻辑所造成的。