本地网页样式上传服务器后发生变化解决办法
2017-03-08 20:27
369 查看
这段时间给公司做了个网站,在本地用IE10,火狐,goolgeChrome,360浏览器通过页面样式测试。
本地通过测试后便上传到服务器,上传之后用IE10浏览发现有部份样式异常。火狐,goolgeChrome,360浏览与本地浏览样式效果一样。
和平时一样,有问题找度娘。大部分网友说:编码问题,也有说样式没有加载更有说是缓存问题···,我用文本编辑器notepad++查看CSS文件发现ANSI格式,难道真是编码格式问题?立马改成UTF-8保存并上传至服务器。
测试结果让并没有发生改变,看来不是编码问题。本地测试正常远程服务器上却异常,难不成是服务器环境的问题?自己马上搭建IIS,本地服务器环境很好就OK了,接着测试浏览结果都很正常。开始怀疑空间商的服务器环境了,因为我用的windows平台,空间商的是linux平台。难不我再搭建个linux平台再测试?
静下心来想了想,其它浏览器都没问题就IE有问题,是不是应该在IE上找找问题呢?打开IE再次浏览远程服务器的网页,按下F12键打开发人员工具,忽然间我发现浏览器模式:IE10,文档模式:IE7。
这里显然有问题,把文档模式改成标准。IE10页面马上发生变化与之前本地测试完全一样。至此问题原因以经找到。本地与远程服务器不一致的样式是因为IE10文档编码发生了变化。找到问题原因,便进入问题解决方案。
解决方法在网页加入<meta http-equiv="X-UA-Compatible" content="IE=edge" >代码。X-UA-Compatible是针对 IE8 以上版本的一个特殊文件头标记,用于为 IE8 以上版本指定不同的页面渲
染模式,对于ie8之下的版本浏览器是不识别的。
在X-UA-Compatible中可用的方法有:
<meta http-equiv="X-UA-Compatible" content="IE=5" >
<meta http-equiv="X-UA-Compatible" content="IE=7" >
<meta http-equiv="X-UA-Compatible" content="IE=8" >
<meta http-equiv="X-UA-Compatible" content="IE=edge" >
其中最后一行是Edge 模式,通知 Windows Internet Explorer 以最高级别的可用模式显示内容。
虽然这个问题已经解决,但最终暴露出另外两个问题 。
1、为什么我在本地搭建的IIS服务器,IE浏览文档模式是正常标准。而上传却变成了IE7?
2、说明CSS文件兼容性不是很完美在IE7或以下会发生异常。
本文出自 “谌大集团”
博客,请务必保留此出处http://52czy.blog.51cto.com/3704825/1548628
本地通过测试后便上传到服务器,上传之后用IE10浏览发现有部份样式异常。火狐,goolgeChrome,360浏览与本地浏览样式效果一样。
和平时一样,有问题找度娘。大部分网友说:编码问题,也有说样式没有加载更有说是缓存问题···,我用文本编辑器notepad++查看CSS文件发现ANSI格式,难道真是编码格式问题?立马改成UTF-8保存并上传至服务器。
测试结果让并没有发生改变,看来不是编码问题。本地测试正常远程服务器上却异常,难不成是服务器环境的问题?自己马上搭建IIS,本地服务器环境很好就OK了,接着测试浏览结果都很正常。开始怀疑空间商的服务器环境了,因为我用的windows平台,空间商的是linux平台。难不我再搭建个linux平台再测试?
静下心来想了想,其它浏览器都没问题就IE有问题,是不是应该在IE上找找问题呢?打开IE再次浏览远程服务器的网页,按下F12键打开发人员工具,忽然间我发现浏览器模式:IE10,文档模式:IE7。
这里显然有问题,把文档模式改成标准。IE10页面马上发生变化与之前本地测试完全一样。至此问题原因以经找到。本地与远程服务器不一致的样式是因为IE10文档编码发生了变化。找到问题原因,便进入问题解决方案。
解决方法在网页加入<meta http-equiv="X-UA-Compatible" content="IE=edge" >代码。X-UA-Compatible是针对 IE8 以上版本的一个特殊文件头标记,用于为 IE8 以上版本指定不同的页面渲
染模式,对于ie8之下的版本浏览器是不识别的。
在X-UA-Compatible中可用的方法有:
<meta http-equiv="X-UA-Compatible" content="IE=5" >
<meta http-equiv="X-UA-Compatible" content="IE=7" >
<meta http-equiv="X-UA-Compatible" content="IE=8" >
<meta http-equiv="X-UA-Compatible" content="IE=edge" >
其中最后一行是Edge 模式,通知 Windows Internet Explorer 以最高级别的可用模式显示内容。
虽然这个问题已经解决,但最终暴露出另外两个问题 。
1、为什么我在本地搭建的IIS服务器,IE浏览文档模式是正常标准。而上传却变成了IE7?
2、说明CSS文件兼容性不是很完美在IE7或以下会发生异常。
本文出自 “谌大集团”
博客,请务必保留此出处http://52czy.blog.51cto.com/3704825/1548628
相关文章推荐
- 本地网页样式上传服务器后发生变化解决办法
- 本地网页样式上传服务器后发生变化解决办法
- 关于kindeditor上传图片出现"服务器发生故障"的解决办法
- 关于kindeditor上传图片出现"服务器发生故障"的解决办法
- 解决 网页本地调试通过,上传到服务器上后运行不加载JavaScript的问题
- swagger在本地没问题可是上传至服务器报错解决办法Can't read from server. It may not have the appropriate access-control-or
- "flash加载flv,本地测试正常,上传至空间则失败"解决办法
- 关于IE7关闭窗口时总是提示和上传图片前的本地预览解决办法
- 通过本地IIS SMTP服务器发送邮件时提示“邮箱不可用”的解决办法
- webservice上传到服务器,“测试窗体只能用于来自本地计算机的请求”问题的解决
- FCKeditor 上传图片和浏览服务器时提示请先登陆的解决办法
- 通过本地IIS SMTP服务器发送邮件时提示“邮箱不可用”的解决办法
- webservice上传到服务器,“测试窗体只能用于来自本地计算机的请求”问题的解决
- 关于IE6和IE7关闭窗口时提示和不提示以及上传图片前的本地预览解决办法
- Apache 本地服务器启动后又自动停止解决办法
- CuteFTP 8.2上传提示:接收服务器响应时发生超时(60000 毫秒)的解决方法
- 关于IE7打开任何网页弹出[未处理的异常('对象不支持此属性或方法')发生在iexplorer.exe]错误调试框的解决办法
- IE6和IE7关闭窗口时提示 及上传图片前的本地预览解决办法
- 通过本地IIS SMTP服务器发送邮件时提示“邮箱不可用”的解决办法
- 关于IE6和IE7关闭窗口时提示和不提示以及上传图片前的本地预览解决办法