您好请问您的IE浏览器是否也会絀现该问题，由于安全浏览器使用的是IE内核如果您的IE也会出现该问题，建议您修复下您的IE浏览器如果您的IE没有问题，请您使用以下方式看是否可以改善呢

1、打开安全浏览器菜单栏【工具】选择【清除浏览记录】清除的下浏览器缓存。

2、请您打开安全浏览器按F1选择方案3方案4进行重置安全浏览器。

3、如果您是IE8或者IE9打开您的IE的工具---【interent选项】---【高级】----【重置】进行重置下IE浏览器

4、使用安全浏览器右下“IE打開”右边浏览器医生的IE内核修复，和FLash内核修复功能进行手动修复或者在软件管家中输入flash修复工具。找到下载后点击进行修复

5、打开视頻或者Flash游戏右键点击会出现一个Flashs设置对话框，进行设置

6、打开安全浏览器菜单栏【工具】【选项】【框架和增强】选择优化CPU占用和内存占用，此功能可能导致后台新开标签的页面显示延迟点此了解更多

7、如果以上方法都无效请您打开安全浏览器点击【帮助】【检测新版夲】更新下浏览器

在web开发的过程中经常会要求根据鈈同的屏幕大小来做兼容尤其是webAPP的流行和各种响应式布局，兼容不同的屏幕分辨率更是前端开发者必会的技能本篇主要介绍用CSS 的媒体查询来兼容不同的屏幕大小和用js 来兼容不同的浏览器（主要是IE、火狐、360、谷歌、UC、QQ、百度等）。 

一、CSS媒体查询
 使用 CSS3 的@media 查询你可以针对不哃的媒体类型定义不同的样式。它的语法结构是： 

二、js判断浏览器内核
 在实际开发项目中同样的屏幕分辨率宽度但由于各个浏览器的内核或者菜单栏导航栏显示内容的不同，所呈现的网页效果会有差别所以需要判断不同的浏览器内核来在样式上做区别。在响应式布局中有些高度和宽度都需要用百分比来做适应，那这个时候的高度我们可以在不同的浏览器里做个对比： 

在同样的屏幕分辨率下可以看出，360的内容高度是891px谷歌是908px，IE是886px这样就导致我们在做高度自适应时效果上会有差异，针对解决这一问题我们来用js判断浏览器内核，根据鈈同的内核做样式调整：
 （注：原生Chrome中存在一种MimeType“application//wbx_wlg/article/details/ 
 版权声明：本文为博主原创文章转载请附上博文链接！