I wrote two layer using DIV CSS, to adapt to different resolution display, more than 1600, call CSS1 and CSS2, otherwise call

<link rel="stylesheet" type="text/CSS" media="screen and (min - device - width: 1601 px)" href="https://bbs.csdn.net/topics/css/css1.css"/& gt;
<link rel="stylesheet" type="text/CSS" media="screen and (Max - device - width: 1600 px)" href="https://bbs.csdn.net/topics/css/css2.css"/& gt;

These two styles, in all browsers speed mode, can appear normal, but in compatibility mode, two CSS style did not work,

But I keep a CSS table, & lt; Link rel="stylesheet" type="text/CSS" href="https://bbs.csdn.net/topics/css/css1.css"/& gt; Remove the media parameters, in compatibility mode, access to normal again,

I ask, where is the problem? How to solve, can adapt to different display, can adapt the compatibility mode, thank you!

Have add
<meta name="the renderer" content="its"/& gt;
<meta name="force - the rendering" content="its"/& gt;
<meta HTTP - equiv="X - UA - Compatible" content="IE=Edge"/& gt;

CodePudding user response:

Haven't encountered such a problem, you try to add a: & lt; Script SRC="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js" & gt; </script>

Don't know I can

CodePudding user response:

reference 1/f, xiaoxiang dream response:

not encountered such a problem, you try to add a: & lt; Script SRC="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js" & gt; </script>

Don't know can line

No,

CodePudding user response:

refer to the second floor xuyunbe1 response:

Quote: reference 1/f, xiaoxiang dream response:

Haven't encountered such a problem, you try to add a: & lt; Script SRC="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js" & gt; </script>

Don't know can line

No,

I don't have the actual validation, you try other ways