Compatible with Internet Explorer

Front end small style compatible IE

Yesterday, after work, the leader sent me a screenshot with a disordered style , Then I tested it all over the popular browsers and found nothing , Then ask the leader which browser it is , He says it is 360 Browser compatibility mode , I opened it and found that these compatibilities are for IE Of , Then I sent a message 666.


It is the OK and Cancel buttons that go below , If I change it directly, it will affect other browsers , Only use js distinguish IE browser , And then through js change css style .
The most painful thing is 360 Browser compatibility mode , Cannot audit element , I can only download one IE Come to tune .
Finally I decided which one to change class, The construction started .
The code is as follows ：

if (!!window.ActiveXObject || "ActiveXObject" in window){
    // Determine whether IE
	var class= document.getElementsByClassName('layui-layer');
	console.log(class)
	class.item(0).style.height = '';
}else{
    // Other browsers don't have to deal with it anymore 
	// console.log('fff')
}

Print element results ：

There is only one print out , So I can modify it without a loop .
The main problem encountered is when reviewing elements , Be precise , And can not be changed id and class, Then there is the question of where the code should be written , I started by writing at the top , It doesn't work , Until I find the trigger js To succeed .
Final rendering ：