我用DIV層寫了兩個CSS，用于適應不同解析度的顯示幕，大于1600，呼叫CSS1，否則呼叫CSS2。
<link rel="stylesheet" type="text/css" media="screen and (min-device-width: 1601px)" href="https://bbs.csdn.net/topics/css/css1.css" />
<link rel="stylesheet" type="text/css" media="screen and (max-device-width:1600px)" href="https://bbs.csdn.net/topics/css/css2.css" />
這兩個樣式，在所有瀏覽器的極速模式下，都能正常顯示，但在兼容模式下，兩個CSS樣式都沒有起作用。
但我保留一個css表，<link rel="stylesheet" type="text/css" href="https://bbs.csdn.net/topics/css/css1.css" />去掉media引數，在兼容模式下，訪問又正常。
請教一下，問題出在哪里？怎么解決，既能適應不同的顯示幕，還能適應兼容模式。謝謝！
已添加
<meta name="renderer" content="webkit"/>
<meta name="force-rendering" content="webkit"/>
<meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
uj5u.com熱心網友回復：
沒遇到過這樣的問題，你試試加一段:<script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>不知道能不能行
uj5u.com熱心網友回復：
不行。
uj5u.com熱心網友回復：
我沒實際驗證，你試試別的方法吧
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/61121.html
標籤：HTML(CSS)