IE8缩放Bug
工作中遇到页在精确布局，使用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的百分比。
相关推荐
lupeng 2020-11-14
sjcheck 2020-11-10
sjcheck 2020-11-03
meylovezn 2020-08-28
owhile 2020-08-18
Francismingren 2020-08-17
pythonclass 2020-07-29
sunzhihaofuture 2020-07-19
爱读书的旅行者 2020-07-07
行吟阁 2020-07-05
tianqi 2020-07-05
行吟阁 2020-07-04
冰蝶 2020-07-04
lyg0 2020-07-04
owhile 2020-07-04
opspider 2020-06-28
lengyu0 2020-06-28
tianqi 2020-06-21
dadaooxx 2020-06-16