我遇到了一个奇怪的问题,这个问题只发生在IE9上。我正在处理一个有桌面布局和移动布局的网页。相同的HTML,不同的CSS。问题出现在以下代码中:
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px), only screen and (max-device-width: 640px)
除了IE9之外,所有的浏览器都会根据需要显示桌面站点。移动浏览器可以正确显示移动布局。IE9的问题是,它还显示了移动布局。
现在,如果我从上面的代码中删除"only“和"screen”这两个词
我使用javascript脚本通过偏移量来对齐某些元素。偏移的计算取决于浏览器类型,因为它们的行为不同。在IE9中,获取DOM中的子元素或计算某些偏移量,如果IE9处于IE9浏览器模式或IE9兼容视图浏览器模式,则行为会有所不同。
如何检测浏览器模式是否在"Internet Explorer 9兼容性视图“中?此模式由用户在开发人员工具(F12)浏览器模式菜单选项中设置。
在使用IE9和ExtJS3网格+ quickTips时遇到麻烦。在其他浏览器的IE9中,工具提示不会在标题上显示鼠标悬停-一切正常,显示良好。问题仅与IE9有关。
我用它来初始化快速提示:
Ext.BLANK_IMAGE_URL = "js/ext-3.3.1/resources/images/default/s.gif";
Ext.QuickTips.init();[/CODE]
还有这个:
cm = new Ext.grid.ColumnModel({
defaults: {
sortable: true, // columns are not so