工作中遇到页在精确布局，使用js+css方式实现，支持浏览器包括：ie8+,firefox,chrome，結果变态的测试使用各种放大/缩小页面的测试，导致布局问题，现一点点完善中。。。
今天发现一个ie8兼容性问题：若使用css百分比定义html,body的宽高，会导致页面缩放时不触发onresize事件，具体代码如下：
<!doctype html>
<html>
<head>
<style type="text/css">
html,body{
width: 100%;
height: 100%;
background-color: #283B48;
}
</style>
</head>
<body>
<div id="show">0</div>
<script>
var j = 0;
if(window.addEventListener){
window.addEventListener('resize', function(){
document.getElementById('show').innerHTML = ++j;
}, false);
}else{
window.attachEvent('onresize', function(){
document.getElementById('show').innerHTML = ++j;
});
}
</script>
</body>
</html>
解决办法：可使用js在页面加载时动态設定html,body的百分比。
相关推荐
此脚本可能包含了处理图片懒加载、缩放效果等功能，但在旧版IE中可能存在兼容性问题。 解决此类问题通常有以下几种策略： 1. **代码优化**：检查`heiphoto.js`中的代码，确保其遵循IE9和IE10支持的JavaScript语法...
实现弹出网页遮罩层，可兼容IE6/IE7/IE+++等； 缩放浏览器时，内容狂始终居中； 有点小bug，在IE6下，遮罩层颜色没透明，屎黑色，等我有空完善下。
8. **社区支持**：作为开源项目，PDF.js拥有活跃的开发者社区，不断有新的贡献和改进，使得其功能不断完善，bug得到及时修复。 总的来说，PDF.js是一个强大且灵活的解决方案，解决了在线查看PDF文档的跨浏览器难题...
4. **设置最小宽度**：IE6在处理元素的最小宽度时存在bug。文件“IE6最小width.txt”可能提供了解决方案，比如使用`min-width`属性结合CSS Hack（如`_width`）来确保元素在IE6下不会收缩得太小。例如： ```css ....
本篇文章将继续探讨在IE浏览器中常见的Bug及其修复策略，帮助开发者更好地应对这些问题。 首先，IE6的一个独特问题是“克隆文本Bug”。在HTML代码中，如果存在某些特定的注释格式，IE6可能会在页面中无故地复制文本...
总结起来，解决IE下不渲染CSS更新的bug主要是通过触发浏览器的重绘或重排操作。尽管`zoom`属性和`display`属性的切换都可以实现这一目标，但具体效果可能因页面内容和IE版本而异。在实际开发中，针对不同版本的IE...
4. **软件版本与补丁**：U8系统可能存在已知的bug，这些问题往往会在后续的更新和补丁中得到修复。检查您是否安装了最新版本的U8及其相关补丁。 5. **插件冲突**：有些第三方插件可能与U8系统不兼容，导致界面显示...
这个方法的核心在于利用zoom属性，它是IE特有的一个CSS属性，用于控制元素的缩放。虽然这一属性在标准的CSS规范中并不存在，但在IE浏览器中，通过设置zoom属性，可以让浏览器对元素进行放大缩小操作，进而触发IE浏览...
ie6 中 li 插入图片后下方有空隙 bug，这是 ie6 的有一个经典 bug。解决该 bug 有很多方法，今天我整理了下，共4种方法，给大家分享下。 首先附上代码： 复制代码代码如下: <!DOCTYPE HTML> <html lang=”en-...
首先，需要理解这个bug产生的条件：当列表项的子元素存在浮动，并且元素设置了特定的CSS属性（如宽度(width)、高度(height)、缩放(zoom)、上内边距(padding-top)、下内边距(padding-bottom)、上外边距(margin-top)、...
IE8中的HTML相关Bug jQuery 1.8.2在IE9中调用ajax失败的问题 jQuery 1.7.1不能正确地设置IE7中克隆元素的tabindex属性 压缩的JS文件包含非ASCII字符 如果body样式设置为display:none，则$('body').show()...
8. **内存泄漏**：如果不正确地管理DOM元素和事件监听器，可能会导致内存泄漏。记得在不再需要时移除事件监听器和清理不必要的元素。 9. **响应式设计**：在不同分辨率和屏幕尺寸的设备上，放大镜可能需要调整布局...
IE8中的HTML相关Bug jQuery1.8.2在IE9中调用ajax失败的问题 jQuery1.7.1不能正确地设置IE7中克隆元素的tabindex属性 压缩的JS文件包含非ASCII字符 如果body样式设置为display:none，则$（'body'）。show（）无法工作...
解决FF，IE8后台登录问题 修改后台更新带图片信息时候图片出错的BUG 修改前台调用的分页样式 修改后台修改文章、栏目时栏目名称和文章标题没有颜色提示 修改绑定自定义模板后站点路径出错问题 解决缩略图按...
在处理IE6的“渲染bug”时，通过JavaScript动态修改`zoom`值也可以达到强制浏览器重新渲染的目的。例如，以下JavaScript代码片段展示了如何应用`zoom`属性来解决这个问题： ```javascript document.body.style.zoom...
跟缩放效果配合使用时，不得不说ie6的一个渲染bug，用下面的代码测试（ie6）： Code <!DOCTYPE ...
1.增加记录原始缩放比例的全局变量 2.解决建筑物高亮显示bug 2009-8-20 1.增加三维全景展示功能 2.浏览建筑详细功能 2009-8-21 1.引入jqueryAlert插件，美化弹出窗体 2009-8-23 1.增加搜索功能 2.清理建筑信息...
----------------------------- DotNetTextBox 更新历史 ----------------------------- 2007/8/18 Version 3.3.1 Free <br>Updates: 1) 改进文件重命名的安全BUG,现在重命名功能不可修改文件后缀...