兼容模式下ie9和ie10显示样式在不兼容模式下为什么不加载css样式？

html-css017

兼容模式下ie9和ie10显示样式在不兼容模式下为什么不加载css样式？,第1张

这是因为IE自从IE9开始，会对网页的MIME类型进行验证，如果MIME类型不正确的话，就不会加载相应的样式表或者JS文件，这也是出于安全的考虑。\x0d\x0a造成IE9以上浏览器无法加载CSS样式表的，有几个可能的原因，一个可能是你的CSS样式引用的书写方式不正确，导致在IE9和IE10下面无法通过MIME的检查，如果是这个原因，在代码里面修改一下css样式引用的方法就行了。\x0d\x0a另外一个可能的原因，可能是你在电脑里面安装了代理软件或者其他什么与代理相关的软件，如wallproxy之类的，这一类软件可能会在打开本地HTML文件时修改mime类型，把type替换为stain之类，这个没有什么特别好的解决方法，要么卸载这些软件，要么重新安装一下试试。\x0d\x0a如果你是自己配置服务器后出现了这个问题，那么就可能是第三个原因了，在服务器端没有配置css的mime类型，这个对应的在IIS或者apache里面添加一下css的type就行了。

1.H5网页touch滑动的时候在苹果手机上出现不流畅的问题

-webkit-overflow-scrolling 用来控制元素在移动设备上是否使用滚动回弹效果.

解决办法：给所有网页添加如下样式

说明：

-webkit-overflow-scrolling: touch当手指从触摸屏上移开，会保持一段时间的滚动

-webkit-overflow-scrolling: auto当手指从触摸屏上移开，滚动会立即停止

2. css 苹果手机按钮默认样式如何去掉

input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none}

textarea { -webkit-appearance: none}

3. 如果还有圆角的问题，

** 4.苹果手机不支持box-shadow属性**

如果先给input写边框，用 border:1px solid #ccc

5、去除Chrome等浏览器文本框默认发光边框

6.去掉高光样式：

当然这样以来，当文本框载入焦点时，所有浏览器下的文本框的边框都不会有颜色上及样式上的变化了，这样的话，当文本框载入焦点时，边框颜色就会变为橙色，给用户一个反馈。

7、去除IE10+浏览器文本框后面的小叉叉，只需下面一句就ok了

input::-ms-clear {display: none}

8.H5页面写出来，在chrome中出现如下错误，只需添加如下css即可解决

*{touch-action: pan-y}